对角线直通文本React-Native

时间:2019-01-11 10:23:20

标签: react-native

我正在寻找一种方法来通过react-native上的文本元素制作一条对角线。

带有:after元素和CSS,应该可以,但在react-native中不可用。

有人建议吗?

2 个答案:

答案 0 :(得分:2)

最终,我遇到了一种情况,在该情况下我画了一条绝对位置的直线并旋转。想不到更性感的东西。

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

答案 1 :(得分:0)

如果要添加文字,则应使用类似的文字

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