在不使用库的情况下反应原生文本的行

问题描述：

尝试复制下面的设计但无法复制。将感谢任何帮助。我从我结束试图在不使用库的情况下反应原生文本的行

代码是如下而行覆盖文本。

<View> 
    <View style={{ alignSelf:'center', borderBottomColor:'black', borderBottomWidth:1,height:'50%', width:'90%' }}/> 
    <Text style={{ alignSelf:'center', paddingHorizontal:5 }}>Your class</Text> 
</View>

答

制造它的工作原理是这样的：

<View style={{flexDirection: 'row'}}> 
    <View style={{backgroundColor: 'black', height: 2, flex: 1, alignSelf: 'center'}} /> 
    <Text style={{ alignSelf:'center', paddingHorizontal:5, fontSize: 24 }}>Your class</Text> 
    <View style={{backgroundColor: 'black', height: 2, flex: 1, alignSelf: 'center'}} /> 
</View>

在不使用库的情况下反应原生文本的行

相关推荐