почему textAlign: «центр» не работает в реакции-родной?

Question

как сделать Контрактное горизонтально центр .I используется TextAlign: 'center'.But он не работает .Здесь мой код https://rnplay.org/apps/ZN2gvA

'use strict'; 

import React from 'react-native'; 
const { 
    AppRegistry, 
    Component, 
    Text, 
    View 

}=React; 

const styles=React.StyleSheet.create({ 
    container:{ 
    paddingTop:20, 
    textAlign:'center', 

    }, 
    label:{ 
    color:'blue', 
    backgroundColor:'red' 

} 
}) 

class SampleApp extends Component{ 
    render(){ 

    return (<View style={styles.container}><Text style={styles.label}>hello</Text></View>) 
    } 

} 
AppRegistry.registerComponent('SampleApp',() => SampleApp); 

Answer 1

Вы должны заплатить немного больше внимания на предупреждения, реагирующие Native является давая вам:

стиль только textAlign: 'center' работы для Text компонентов. Пожалуйста, ознакомьтесь с документами стилей для View и Text.

В вашем случае удалите textAlign: 'centre' от container и добавьте его в label. Ознакомьтесь с изменениями, внесенными мной по адресу: https://rnplay.org/apps/RQX5Fw