Question

是否可以在 React-native 中执行分页？我有一个相当长的产品列表，使用 react-native-element 中的 listitem 显示。

    {
      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>
        ))
       }

如果允许以 10 x 10 显示元素（例如），我会发现我的页面更美观，有没有一种简单的方法可以创建这种效果？例如，当您到达页面末尾时加载以下 10 个带有“查看更多”按钮的元素？

你有没有把这种东西放在适当的位置？我怎么办？

非常感谢您的解释

如何在 React-native 中使用分页？

0 个答案: