title: How i can limit the items in the FlatList and add load more?
body: <p>My skills is basic, and i'm newbie in React native, what i want to do is limit the posts in 12 and when the user scroll automatically load more posts.</p>
  
  <p><strong>My Code:</strong></p>
  
  <pre><code>export default class Posts extends Component {
  constructor(props) {
  super(props);
  this.state = {
    isLoading: true,};}
  
  componentDidMount() {
     return fetch(ConfigApp.URL+'json/data_posts.php')
       .then((response) =&gt; response.json())
       .then((responseJson) =&gt; {
         this.setState({
           isLoading: false,
           dataPosts: responseJson
         }, function() {
         });
       })
       .catch((error) =&gt; {
       });}
  
  render() {
  return (
      &lt;FlatList
        data={ this.state.dataPosts }
        numColumns={2}
        renderItem={({item}) =&gt; 
              &lt;TouchableOpacity activeOpacity={1} style={{flex: 1}}&gt;
              &lt;View style={{margin: 5, marginLeft: 4}}&gt;
              &lt;ImageBackground source={{uri: ConfigApp.IMAGESFOLDER+item.post_image}}&gt;
                  &lt;LinearGradient colors={['rgba(0,0,0,0.3)', 'rgba(0,0,0,0.8)']}&gt;
                          &lt;Text numberOfLines={2}&gt;{item.post_title}&lt;/Text&gt;
                  &lt;/LinearGradient&gt;
              &lt;/ImageBackground&gt;
              &lt;/View&gt;
              &lt;/TouchableOpacity&gt;
  }
      keyExtractor={(item, index) =&gt; index}
  
      /&gt;
  );}}
  </code></pre>