title: TextInput border and width within a React-Native view
body: <p>I have a react-native view that has this piece:        </p>
  
  <pre><code>&lt;View style={styles.section}&gt;
            &lt;Text style={styles.h2}&gt;
              NAME
            &lt;/Text&gt;
            &lt;TextInput style={styles.input} placeholder="Name" /&gt;
            &lt;Text style={styles.h2}&gt;
              EMAIL
            &lt;/Text&gt;
            &lt;TextInput style={styles.input} placeholder="Password" /&gt;
          &lt;/View&gt;  
  
  input: {
      height: 30,
      flex: 0.7,
      fontSize: 13,
      padding: 4,
      borderBottomColor: '#fff',
      borderRightColor: 'transparent',
      borderLeftColor: 'transparent',
      borderTopColor: 'transparent',
      borderTopWidth: 0,
      borderBottomWidth: 0.5,
    },
  </code></pre>
  
  <p>Unfortunately, this shows no border (instead of the desired underline border), and both input boxes take up the full screen (instead of the 0.7 flex I want).  How do I fix this?  </p>