Удалить 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>