Make an item stick to the bottom using flex in react-native
<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>