Diagonal line-through Text React-Native

user_9007075 0
Viewed 2873

I am looking for a way to make a diagonal line through a text element on react-native.

with an :after element and css this should be possible but this is not available in react-native.

Anybody cool suggestions?

react-native
3 Answers

Eventually, I went for a situation where I drew an absolute positioned line with a rotation on it.

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

if you want to make strick in text you should use something like this 

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

You can try this:

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