反応のネイティブで2人の子供を別々に整える

Question

私は左に戻るボタンとヘッダーの中央にテキスト/タイトルを持つヘッダーを持っていたいと思います。このように：

<View style={styles.topbar}> 
     <TouchableOpacity> 
      <Text style={styles.topbarButton}>{" <"}</Text> 
     </TouchableOpacity> 
     <View> 
      <Text style={styles.topbarText}>Title</Text> 
     </View> 
</View> 

私はstyles.topbarでflexを使用しようとしていますが、私が試したものは何も動作していないようです。私はフレックスしてネイティブに反応するようになったので、スタイルの援助がすばらしくなるでしょう。皆さんありがとう。

Answer 1

は、ここに私達は行く：

<View style={{width:devicewidth,flexDirection:'row',height:40,top:0,position:'absolute'}}> 
    <TouchableOpacity style={{left:0,position:'absolute',alignItems:'flex- start'}}> 
     <Text style={styles.topbarButton}>{" <"}</Text> 
    </TouchableOpacity> 
    <View style={{justifyContent:'center'}}> 
     <Text style={styles.topbarText}>Title</Text> 
    </View> 
</View> 

上記のコードは、中央部の左上とテキストのボタンを背面に印刷されます。フレックス方向は、行方向に印刷するビューを示すために使用されます。