從嵌套文本中刪除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 ，是否有類似的解決方案React Native ？

• 注意：我試圖使刪除線出現在code部分中，但是此功能似乎不再起作用。

Answer 1

您可以按照以下方式編寫代碼

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