javascript - How to use paging in React-native?

Question

Is it possible to perform paging in React-native ? I have a rather long list of products, which is displayed using listitem from react-native-element.

    {
      this.state.displayArray.map((item, i) => (
         <ListItem key={i}
                   bottomDivider
                   containerStyle={{backgroundColor: i % 2 === 0 ? '#fde3a7' : '#fff' }}
                   onPress={() => this.props.navigation.navigate('ProductDetails', {productId:parseInt(item.id)})}>
           <Icon name='shopping-cart' />
           <ListItem.Title style={{width: '65%', fontSize: 14, color: i % 2 === 0 ? '#212121' : '#F78400'  }}>{item.name}</ListItem.Title>
           <ListItem.Subtitle style={{ color: '#F78400'}}>{i18n.t("information.cost")}:{item.cost}</ListItem.Subtitle>
           </ListItem>
        ))
       }

I would have found my page more presentable by allowing to display the elements 10 by 10 (for example), is there not an easy way to create this effect? For example by loading when you reach the end of the page the 10 following elements with a 'see more' button?

Have you ever put this sort of thing in place? How could I do it?

Thank you very much for any explanation

question from:https://stackoverflow.com/questions/65846509/how-to-use-paging-in-react-native

Answer 1

Waitting for answers