2
votes

Traversée du texte diagonale React-Native

Je cherche un moyen de faire une ligne diagonale à travers un élément de texte sur react-native.

avec un élément: after et css cela devrait être possible mais ce n'est pas disponible en react-native.

Des suggestions intéressantes?

react-native

0 commentaires

3 Réponses :

0
votes

si vous voulez faire un avertissement dans le texte, vous devez utiliser quelque chose comme ceci

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

2 commentaires

vous pouvez également utiliser ces deux accessoires textDecorationColor: color (iOS) textDecorationStyle: enum ('solid', 'double', 'dotted', 'dashed') (iOS)

Bien sûr, mais cela en fera une ligne horizontale. Je cherche un moyen de créer une ligne diagonale. Merci de toute façon.

3
votes

Finalement, je suis allé dans une situation où j'ai dessiné une ligne positionnée absolue avec une rotation dessus.

<View
                style={{
                    position: 'absolute',
                    transform: [ {rotate: '17deg'} ],
                    top: 7,
                    width: 25,
                    height: 1,
                    borderBottomColor: styleGuide.errorColorRed,
                    borderBottomWidth: 1,
                }}/>

0 commentaires

1
votes

Vous pouvez essayer ceci:

style={{ textDecorationLine: 'line-through' }}

0 commentaires