反应原生：垂直居中查看视图内

我有一个视图内的视图。我正在尝试垂直居中显示子视图。下面是示例代码：反应原生：垂直居中查看视图内

   <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它不起作用。我怎样才能做到这一点？

下面是一个相同的图片：我试图使白框内的文本垂直居中对齐。

来源

2017-09-06 Sooraj Chandran

你需要与你的意思更清晰解决的问题。绘图可以是有用的，CSS是必须的。 – LGSon

@LGSon更新了问题。基本上，问题是垂直居中视图的所有内容。 –

通常，对于行方向上的flex项目，您可以使用'alignItems：'center'' – LGSon

通过增加一个封闭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>

来源

2017-09-06 05:57:22

反应原生：垂直居中查看视图内

回答

相关问题