从嵌套文本中删除textDecorationLine

Question

我是React Native的新手，我尝试使用如下内联文本创建文本：

<Text style={{textDecorationLine: 'line-through'}}>
    $75.00{'     '}
    <Text style={{textDecorationLine: 'none'}>$50</Text>
</Text>

问题在于它呈现

  

$ 75.00 $ 50.00

而不是

  

$ 75.00 $ 50.00

我已经看到html中有一个workaround，React Native是否有类似的解决方案？

• 注意：我试图使删除线出现在code部分中，但是此功能似乎不再起作用。

Answer 1

您可以按照以下方式编写代码

<Text>
      <Text style={{textDecorationLine: 'line-through'}}>$75.00</Text> 
      <Text style={{textDecorationLine: 'none'}}>$50</Text>
</Text>