Saltar al contenido

alineación de texto en el ejemplo de código de react js

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *