Javascript 如何更改react native中的下划线厚度

我已经用了几个星期的反应本机，我已经在一个点上卡住了。我有一篇课文，它有下划线。但我需要使下划线的厚度更高，以便它清晰可见。我试图找到一个解决办法，但没有得到任何结果。有人能帮我吗

我的代码如下所示：

带下划线的文本

constyles=StyleSheet.create（{
文本输入：{
borderBottomColor:“#000”，//添加此选项以指定底部边框颜色
borderBottomWidth:10//添加此选项以指定底部边框厚度
}
});

constyles=StyleSheet.create（{
文本输入：{
borderBottomColor:“#000”，//添加此选项以指定底部边框颜色
borderBottomWidth:10//添加此选项以指定底部边框厚度
}
});

在文本下划线

const styles = StyleSheet.create(
{
  Container:  
  {
    justifyContent: 'center',
    flex: 1,
  },
  TextStyle: 
  {
    textAlign: 'center',
    fontSize: 20,
    textDecorationLine: 'underline',
   }
}

下划线文本

const styles = StyleSheet.create(
{
  Container:  
  {
    justifyContent: 'center',
    flex: 1,
  },
  TextStyle: 
  {
    textAlign: 'center',
    fontSize: 20,
    textDecorationLine: 'underline',
   }
}

---

好了，你不能改变下划线的宽度，我最好的办法是用

borderBottom

视图包装文本。您可能还必须在文本中提供

线宽

道具。好了，您不能更改下划线的宽度，我的最佳想法是使用带

边框底部

的视图包装文本。您可能还需要在文本中提供一个

lineHeight

道具。我曾尝试在我的

selected

样式中使用该道具，这样当我单击文本时，它会带下划线。我想增加下划线的宽度，所以尝试使用borderBottom代替下划线，但对我不起作用。你能看一下吗？我尝试在我的

选择的
样式中使用此选项，这样当我单击文本时，它就会带下划线。我想增加下划线的宽度，所以尝试使用borderBottom代替下划线，但对我不起作用。你能看一下吗？