title: Full width button w/ flex-box in react-native
body: <p>I'm new to flexbox and am unable to produce a full width button in react-native. I've been trying to figure this out myself for over a day and have read every related article / post on the internet to no avail. </p>
  
  <p>I would like to have two <code>TextInput</code> elements that span the entire width of the screen, with a button below them that also spans the full width of the screen. The <code>TextInput</code> elements <em>are</em> spanning the full width of the screen, but this appears to be by default in the Android simulator I'm running.</p>
  
  <p>Here's my code:</p>
  
  <pre class="lang-js prettyprint-override"><code> var MyModule = React.createClass({
  render: function() {
      return (
          &lt;View style={styles.container}&gt;
              &lt;View style={styles.headline}&gt;
                  &lt;Text&gt;Hello World&lt;/Text&gt;
              &lt;/View&gt;
  
              &lt;View style={styles.inputsContainer}&gt;
                  &lt;TextInput style={[styles.input]} placeholder="Email" /&gt;
                  &lt;TextInput
                      secureTextEntry={true}
                      style={[styles.input]}
                      placeholder="Password"
                  /&gt;
                  &lt;TouchableHighlight
                      style={styles.fullWidthButton}
                      onPress={this.buttonPressed}
                  &gt;
                      &lt;Text&gt;Submit&lt;/Text&gt;
                  &lt;/TouchableHighlight&gt;
              &lt;/View&gt;
          &lt;/View&gt;
      );
  },
  buttonPressed: function() {
      console.log("button was pressed!");
  }
  });
  
  var paddingLeft = 15;
  
  var styles = StyleSheet.create({
  inputsContainer: {
      // Intentionally blank because I've tried everything &amp; I'm clueless
  },
  fullWidthButton: {
      // Intentionally blank because I've tried everything &amp; I'm clueless
  },
  input: {
      paddingLeft: paddingLeft,
      height: 40,
      borderColor: "black",
      backgroundColor: "white"
  },
  container: {
      flex: 1,
      backgroundColor: "#f0f0f0",
      alignItems: "stretch"
  },
  headline: {}
  });
  
  module.exports = Onboarding;
  </code></pre>
  
  <p>Anyone know what I need to do to get the <code>TouchableHighlight</code> to span the full width of the screen?</p>