なぜtextAlign： 'center'が反応ネイティブで動作していないのですか？ lable水平方向の中心.Iを作るためにどのよう

Question

は、textAlignを使用：「それは.hereに動作していない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

であるあなたは、ネイティブがあるリアクト警告にもう少し注意を払う必要がありますあなたを与える：

スタイルをtextAlign: 'center'作品だけTextコンポーネント用。 ViewとTextのスタイルドキュメントをご覧ください。

textAlign: 'centre'をcontainerから削除し、labelに追加してください。変更点を確認してください。https://rnplay.org/apps/RQX5Fw