title: React Native FlatList not scrolling to end
body: <p>I've got (what I thought was) a simple <code>FlatList</code> which renders a list of <code>Cards</code> (code below)</p>
  
  <p><strong>Problem</strong>: the list renders, but won't scroll to fully display the last element in the list, OR to the content below the <code>FlatList</code></p>
  
  <p><strong>What I've tried</strong>: basically everything in related SO questions:  </p>
  
  <ul>
  <li>Removing ALL styling  </li>
  <li>Wrapping the <code>FlatList</code> in a <code>View</code> or a <code>ScrollView</code> or both</li>
  <li>Adding <code>style={{flex: 1}}</code> to the <code>FlatList</code> or wrappers (this causes **ALL* content to disappear)</li>
  </ul>
  
  <p>Any ideas?  </p>
  
  <pre><code>&lt;FlatList
          data={props.filteredProducts}
          renderItem={({item}) =&gt; (
            &lt;TouchableOpacity onPress={() =&gt; props.addItemToCart(item)}&gt;
              &lt;Card
                featuredTitle={item.key}
                image={require('../assets/icon.png')}
              /&gt;
            &lt;/TouchableOpacity&gt;
          )}
          keyExtractor={item =&gt; item.key}
          ListHeaderComponent={
            &lt;SearchBar /&gt;
          }
        /&gt;
  ...
  &lt;Other Stuff&gt;
  </code></pre>