How can I limit the elements in a FlatList in React Native?

Question

How can I limit the elements in a FlatList in React Native?

Navigation

#1 by (0 votes)

0

I'm trying to limit the elements, in this case the posts, I just want to show 4 posts.

My Code:

componentDidMount() {
   return fetch(ConfigApp.URL+'json/data_posts.php')
     .then((response) => response.json())
     .then((responseJson) => {
       this.setState({
         isLoading: false,
         dataPosts: responseJson
       }
     })}

render() {
return (
    <FlatList
      data={ this.state.dataPosts }
      renderItem={({item}) => 
            <Image source={{uri: ConfigApp.IMAGESFOLDER+item.post_image}}/>              
keyExtractor={(item, index) => index}
/>

javascript reactjs react-native react

asked by anonfidusa 06.05.2018 в 00:16

source

1 answer

odbc with crystal report, step of parameter Resize with Bootstrap slideShowGallery

score 0 · Accepted Answer

You can do it in the following way, it sure works for you:

componentDidMount() {
  return fetch(ConfigApp.URL+'json/data_posts.php')
    .then((response) => response.json())
    .then((responseJson) => {
      this.setState({
        isLoading: false,
        dataPosts: responseJson.slice(0,4) //<---- AQUI FILTRAMOS 4 PRIMEROS ELEMENTOS
      }
    })}

render() {
return (
   <FlatList
     data={ this.state.dataPosts }
     renderItem={({item}) => 
           <Image source={{uri: ConfigApp.IMAGESFOLDER+item.post_image}}/>              
     keyExtractor={(item, index) => index}
  />