javascript - React-Native:如何增加文本和下划线之间的空间

Question

我遵循的风格:

const styles = StyleSheet.create({
    title: {
        textDecorationLine: 'underline',
        textDecorationStyle: 'solid',
        textDecorationColor: '#000'
    }
});

它为我的内容在一些文本组件中创建了下划线。不过这个下划线好像和用它装饰的文字太近了。

我可以通过某种方式增加这个距离吗？

谢谢你的帮助!

Answer 1

1. 将您的 Text 包裹在一个 View 中，该 View 的样式包含 borderBottomWidth: 1 或您想要的任何厚度。

2. 为您的 Text 提供一个 lineHeight 以调整边框和内容之间的间距。如果您有多行文本，则使用 paddingBottom 也可以。

真的很简单。请记住，View 边框会拉伸(stretch)以包含 View 本身的任何填充。