对角线贯穿文本 反应本机

Question

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

使用 ：after 元素和 CSS，这应该是可能的，但这在 React-native 中不可用。

有人很酷的建议吗？

Answer 1

最终，我选择了这样一种情况，即我画了一条带有旋转的绝对定位线。

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

Answer 2

如果你想在文本中做斯特里克，你应该使用这样的东西

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

Answer 3

你可以试试这个：

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