title: React Native Flatlist can't see the bottom of the flatlist
body: <p>I want to show a flatlist but I have a problem. In the bottom of the phone, I can't show the integrality of the post and don't scroll to it. I don't know why. Some issues ? I have try some spacing stuff with style but that's don't work like I want.</p>
  
  <pre><code>import React, { Component } from 'react'
  import { View, Text, FlatList } from 'react-native'
  import BlockPhoto from '../ui/BlockPhoto';
  import { isTemplateElement } from '@babel/types';
  
  interface Props { }
  
  interface State { monTabPost: Array&lt;TabPost&gt; }
  
  interface TabPost { id: number, title: string, }
  
  const monTabPost: Array&lt;TabPost&gt; = [
  { id: 1, title: "Chat 1", },
  { id: 2, title: "Chat 2", },
  { id: 3, title: "Chat 3", },
  { id: 4, title: "Chat 4", },
  { id: 5, title: "Chat 5", },
  { id: 6, title: "Chat 6", },
  { id: 7, title: "Chat 7", },
  { id: 8, title: "Chat 8", },
  ]
  
  export default class VueFlatList extends Component&lt;Props, State&gt; {
  state = {
      monTabPost: monTabPost ? monTabPost : []
  }
  
  render = () =&gt; {
      return (
          &lt;View style={{ paddingHorizontal: 30 }}&gt;
              &lt;Text style={{ paddingVertical: 20, backgroundColor: "black", marginBottom: 5, color: "white", textTransform: "uppercase", textAlign: "center", fontWeight: "bold" }}&gt;Mon titre&lt;/Text&gt;
              &lt;FlatList
                  //inverted
                  data={this.state.monTabPost}
                  keyExtractor={item =&gt; item.id.toString()}
                  renderItem={({ item }) =&gt;
                      &lt;View&gt;
                          &lt;Text&gt;Mon post&lt;/Text&gt;
                          &lt;BlockPhoto title={item.title} /&gt;
                      &lt;/View&gt;
                  }
              /&gt;
          &lt;/View&gt;
      )
  }
  </code></pre>
  
  <p>}</p>