title: FlatList not filling 100% height in react-native
body: <p>I got a FlatList that occupies the 50% of the vertical space on the screen.
  This FlatList has only a few items, and because of this, is not taking the entire space but only the half of it, and when I scroll up/down, it looks as if it has <code>overflow: hidden</code>.</p>
  
  <p>I read <a href="https://github.com/facebook/react-native/issues/4099" rel="nofollow noreferrer">this</a> in the RN GitHub about it, they recommended using <code>flexGrow: 1</code> on the FlatList's <code>contentContainerStyle</code>, also the parent View with <code>flex: 1</code>. But is not working. Is this still working? They said to use it on ScrollViews, but isn't FlatList inherited from ScrollView or something like that? </p>
  
  <p>This is my current structure:</p>
  
  <pre><code>render() {
          return (
              &lt;View style={{ flex: 1 }}&gt;
                  &lt;FlatList
                      contentContainerStyle={{ flexGrow: 1 }}
                      numColumns={2}
                      style={ styles.cardContainer }
                      keyExtractor={ this._keyExtractor }
                      data={ this.state.listData }
                      renderItem={ this._renderItem }
                      &gt;
                  &lt;/FlatList&gt;
              &lt;/View&gt;
          );
      }
  </code></pre>