反応するネイティブのテキストにストライクスルーを追加するには？

Question

ちょっと、カット量を表示するために$ 10でストライクスルーを追加したいと思います。以下を確認してください：

<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を追加してください、ありがとうございました。

画像を確認してください

Answer 1

見つけることができます試してみてください

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

Answer 2

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

あなたはより多くのテキストスタイリング公式ドキュメントからオプションでhere

Answer 3

をこの：

<Text style={{ textDecorationLine: 'line-through' }}>$12</Text> 

完全なテキストを削除します。