title: unable to add border bottom in react native
body: <p>I am trying to make a registration form. </p>
  
  <p>I created a file named Regform.js under the component directory.</p>
  
  <p>I am unable to get border-bottom for the text Registration  </p>
  
  <p>Here is the demo link <a href="https://snack.expo.io/@chaitu111/project-1" rel="noreferrer">demo working link</a></p>
  
  <p>please let me know, where I am doing wrong</p>
  
  <p><a href="https://i.stack.imgur.com/iWGzJ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/iWGzJ.png" alt="enter image description here"></a></p>
  
  <p>Component/Regform.js</p>
  
  
  
  <pre class="lang-js prettyprint-override"><code>import * as React from 'react';  
  
  import {   
   Text,   
   View,   
   StyleSheet,    
   TextInput,  
   TouchableOpacity   
   } from 'react-native'; 
  
  
   export default class Regform extends React.Component {  
    render() {  
     return (  
      &lt;View&gt;  
       &lt;Text style={styles.header}&gt; Registration &lt;/Text&gt; 
  
        &lt;TextInput style = {styles.textinput}
        underlineColorAndroid = "transparent"
        placeholder = "Enter Your Name"
        placeholderTextColor = "#9a73ef"
        onChangeText = {this.handleName}/&gt;
  
        &lt;TextInput style = {styles.textinput}
        underlineColorAndroid = "transparent"
        placeholder = "Enter Your Email"
        placeholderTextColor = "#9a73ef"
        autoCapitalize = "none"
        onChangeText = {this.handleEmail}/&gt;
  
      &lt;/View&gt;  
     );  
    }  
   } 
  
  
   const styles = StyleSheet.create({  
  
        header: {  
          fontSize: 36,
          alignself: 'self',
          color: 'red',
          marginBottom: 30,
          borderBottomColor: 'red',
          borderBottomWidth: 2
        },
        textinput: {
          fontSize: 18,
          alignself: 'self',
          color: 'black',
          marginBottom: 30,
          borderBottomColor: 'grey',
          borderBottomWidth: 2
        }
    }); 
  </code></pre>