title: React Native FlatList - How can I leave space for a button underneath?
body: <p>I'm one week new to React Native and I'm trying to put a button at the bottom of a FlatList.  </p>
  
  <p>I've got the FlatList working properly but if I put my button like the below (greatly simplified) pseudo-code then it appears right at the bottom of all the items in the FlatList.</p>
  
  <p>What I want is for the button to always be on the bottom of the screen and for the FlatList to scroll above it.</p>
  
  <p>I'm thinking I might need a wrapping container and then set flex on the FlatList and the Button but I can't quite get there.</p>
  
  <pre><code>&lt;Container&gt;
  
    &lt;Content&gt;
        &lt;FlatList
            ...working FlatList goes here...
        /&gt;
  
        &lt;Button block onPress={() =&gt; Actions.filters()}&gt;
          &lt;Text&gt;Filter results&lt;/Text&gt;
      &lt;/Button&gt;
  
    &lt;/Content&gt;        
  </code></pre>
  
  <p>    </p>
  
  <p>In the interest of brevity I took all the attributes out of the FlatList, but it's working and not the problem.  I just want to stick that button onto the bottom of the screen and for it to stay there.</p>
  
  <p>What's the best approach for this?  </p>