Si encuentras algún error en tu código o proyecto, recuerda probar siempre en un ambiente de testing antes añadir el código al proyecto final.
Ejemplo: cómo alinear el texto dentro del componente de reacción
'use strict';varReact=require('react-native');varAppRegistry,StyleSheet,Text,Image,View,=React;varSampleApp=React.createClass(render:function()return(<View style=styles.container><View style=styles.topBox><Text style=styles.headline>lorem ipsum'n'ipsum lorem lorem</Text></View><View style=styles.otherContainer></View></View>););var styles =StyleSheet.create(
container:
flex:1,
flexDirection:'column',
backgroundColor:'red',
justifyContent:'center',
alignItems:'center',,
topBox:
flex:1,
flexDirection:'row',
backgroundColor:'lightgray',
justifyContent:'center',
alignItems:'center',,
headline:
fontWeight:'bold',
fontSize:18,
marginTop:0,
width:200,
height:80,
backgroundColor:'yellow',
justifyContent:'center',
alignItems:'center',,
otherContainer:
flex:4,
justifyContent:'center',
alignItems:'center',
backgroundColor:'green',,);AppRegistry.registerComponent('SampleApp',()=>SampleApp);
module.exports=SampleApp;
valoraciones y comentarios
Puedes corroborar nuestro trabajo mostrando un comentario y valorándolo te lo agradecemos.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)