如何在本机反应中添加文本删除线？

Question

嘿，我想以 10 美元的金额添加 Strike Through 以显示削减金额。请检查以下：

 <View style={styles.row}>
    <View style={styles.inputWrapstotal}>
        <Text style={styles.labelcolor}>16.7% Off</Text>
    </View>
    <View style={styles.inputWrapstotal}>
        <Text style={styles.labelamount}>Rs $10</Text>
        <Text style={styles.labelamountchange}> 12 </Text>
    </View>
</View>

请添加 css 以便我可以对齐两个文本的一行，在此先感谢。

请检查图像

原文由 Madhur 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

和 ：

 <Text style={{textDecorationLine: 'line-through', textDecorationStyle: 'solid'}}>
  Solid line-through
</Text>

原文由 Andrii Starusiev 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

<Text style={{ textDecorationLine: 'line-through' }}>Strike through text</Text>

您可以从 此处 的官方文档中找到更多文本样式选项

原文由 alexdriedger 发布，翻译遵循 CC BY-SA 3.0 许可协议