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

Question

我遵循了风格:

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

它会将我的内容的下划线创建为一些Text组件.但似乎这个下划线与用它装饰的文本太接近了.

我可以在某些方面增加这个距离吗？

谢谢你的帮忙!

Answer 1

1. 环绕你Text在一个View有含有一种风格borderBottomWidth: 1或任何你想要的厚度是.

2. 让你的Texta lineHeight调整边框和内容之间的间距.如果您有多行文本,那么使用paddingBottom也可以.

这很简单.请记住,View边框将拉伸以包括View自身的任何填充.