React Native 应用程序中文本前后的行答案

【问题标题】：Line before and after text in React Native appReact Native 应用程序中文本前后的行
【发布时间】：2017-11-19 23:52:49
【问题描述】：

如何在 React Native 应用程序中设置屏幕截图中的文本样式？这就像文本之前的行和文本之后的行。我对使用 :before 和 :after 伪元素的样式有一些想法，但是 React Native 中不存在这些元素。

screenshot

一些想法？

【问题讨论】：

标签： javascript android css reactjs react-native

【解决方案1】：

要使用出现在其周围的水平线来设置文本样式，您可以将文本放在这样的视图中：

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

【讨论】：

结果不是我所期望的。我得到线槽，而不是线周围。你的答案不正确：/
@SashaIgnashevich 你确定你在水平线之后定义了文本吗？如果你这样做了，那么也许给你的文本一个背景颜色。
正确答案是你的班级
如何在文本和装饰线之间添加空格。有什么建议吗？i.stack.imgur.com/6woPN.png