2017-09-06 6 views
1

ビュー内にビューがあります。そして私は、子ビューを垂直方向に中央に置くようにしています。リアクションnative:Vertically centerビュー内のビュー

   <View style={globalStyle.text}> 
       <Text style={[globalStyle.name]}> 
        {name} 
       </Text> 
       <View style={globalStyle.timeContainer}> 
       <Image style={globalStyle.tinyIcon} source={require('./Thumbnails/time-tiny.png')}/> 
       <Text style={globalStyle.audio_count}> 
        {this.state.audioTime[rowID]} 
       </Text> 
       </View> 
       </View> 

垂直子コンテンツをセンターに正常に動作しますjustifyContent: 'center'だけでテキストがある: は、以下のサンプルコードです。しかし、子どもがいる場合Viewそれは動作しません。どうすればこれを達成できますか?

ここには同じ画像があります:白いボックス内のテキストを垂直に中央に揃えようとしています。 enter image description here

+0

を追加することで問題を解決しました。図面は参考になり、CSSは必須です。 – LGSon

+0

@ LGSon質問を更新しました。基本的には、Viewのすべてのコンテンツを垂直に配置するのが問題です。 –

+1

一般に、行方向のフレックスアイテムでは、 'alignItems: 'center'' – LGSon

答えて

0

は、あなたが何を意味するかをより明確にする必要が囲むView

   <View style={globalStyle.text}> 
       <View> 
       <Text style={[globalStyle.name]}> 
        {name} 
       </Text> 
       <View style={globalStyle.timeContainer}> 
       <Image style={globalStyle.tinyIcon} source={require('./Thumbnails/time-tiny.png')}/> 
       <Text style={globalStyle.audio_count}> 
        {this.state.audioTime[rowID]} 
       </Text> 
       </View> 
       </View> 
       </View> 
関連する問題