title: Make an item stick to the bottom using flex in react-native
body: <p>Suppose this is the layout:</p>
  
  <pre><code>&lt;View style={styles.container}&gt;
      &lt;View style={styles.titleWrapper}&gt;
          ...
          ...
      &lt;/View&gt;
      &lt;View style={styles.inputWrapper}&gt;
          ...
          ...
      &lt;/View&gt;
  
      &lt;View style={styles.footer}&gt;
          &lt;TouchableOpacity&gt;
              &lt;View style={styles.nextBtn}&gt;
                  &lt;Text style={styles.nextBtnText}&gt;Next&lt;/Text&gt;
              &lt;/View&gt;
          &lt;/TouchableOpacity&gt;
      &lt;/View&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>I want to make the view with the styles of footer to position at the bottom of the screen. I tried giving the <code>alignSelf</code> property to the footer, but instead of positioning at the bottom, it positions it to the right side of the screen. How can I make the footer item stick to the end? Thank you.</p>