如何更改本机反应中的下划线粗细

Question

I have been using reactive native for a few weeks and I have stuck at a point. I have a text and it is underlined. But I need to make the thickness of the underline higher so that it is clearly visible. I tried finding a solution and didn't get any. Can someone help me here?

My code is like the following. :

<Text style={{textDecorationLine: 'underline'}}>Underlined Text</Text>

Answer 1

<TextInput style={styles.textInput}/>


const styles = StyleSheet.create({ 
  textInput: {

    borderBottomColor: '#000', // Add this to specify bottom border color
    borderBottomWidth:  10   // Add this to specify bottom border thickness
}
});

Answer 2

Underline Text

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