title: React Native FlatList with other Component doesn't scroll to the end
body: <p>I got a page RN flatlist with textbox/button/others component, but the problem is I am not able to scroll till the end of flatlist, there is some other part was kind of overflow.
  <a href="https://i.stack.imgur.com/nUYHe.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/nUYHe.jpg" alt="enter image description here"></a></p>
  
  <pre><code> &lt;View&gt;
  &lt;TextInput
      value={this.state.code}
      onSubmitEditing={this.getPr}
      style={styles.input}
      placeholder="placeholder"
  /&gt;
  &lt;Button onPress={this.getPr} title="Cari" color="blue" /&gt;
  &lt;FlatList
      data={this.props.produk}
      renderItem={({ item }) =&gt; (
          &lt;View key={item.id}&gt;
              &lt;Image
                  resizeMode="cover"
                  source={{ uri: item.thumb }}
                  style={styles.fotoProduk}
              /&gt;
          &lt;/View&gt;
      )}
      keyExtractor={(item, index) =&gt; index}
  /&gt;
  &lt;/View&gt;;
  </code></pre>