web-dev-qa-db-ja.com

React Nativeでテキストに取り消し線を追加する方法は？

カット量を表示するために、ストライクスルーを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を追加して、両方のテキストの行に合わせることができるように、事前に感謝します。

画像を確認してください enter image description here

androidcssreactjsreact-native
14
Madhur

で：

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

公式ドキュメントからより多くのテキストスタイルオプションを見つけることができます here

5
alexdriedger

これを試して ：

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

完全なテキストを打ち消します。

1
user8385437