react native如何实现分页？答案

【问题标题】：How to implement the pagination in react native?react native如何实现分页？
【发布时间】：2017-12-29 14:54:23
【问题描述】：

如何在 react native 中实现分页？不使用可滚动视图、列表视图或加载更多功能。分页功能在反应原生中获得了下一个，上一个按钮和当前页面选择，我知道它可以在反应原生中完成吗？谢谢

【问题讨论】：

pagination in react native的可能重复

标签： reactjs react-native pagination

【解决方案1】：

我也没有找到解决方案，所以我为此创建了一个插件 https://github.com/garrettmac/react-native-pagination

但要回答您的问题，魔术是在onViewableItemsChanged prop 函数中完成的，该函数弹出两个参数，一个返回一组更改项，另一个返回一组可见项，您可以使用它们来跟踪和根据您的分页方式，操纵您的数组以正确定位。我从手机上回答这个问题，但我认为 ListView、Flatlist（你应该在 ListView 上使用）和 SectionView 都共享这个道具。祝你好运

【讨论】：

嗨，我已经尝试过您的示例，但只有水平分页示例有效，但其他示例返回错误消息“未定义不是对象（评估'element.props'）”，我可以知道吗你能解决问题吗？也感谢您发布答案。
@Vyga 嗨，我们是否应该在获取长数据列表时限制我们的列表以在 react native 中显示。如果我们这样做，会有性能问题吗？我使用 firebase 作为后端。
@Yasir 那我想这就是你要找的东西stackoverflow.com/a/16240601/4642530
嗨@garrettmac，我们可以将这个分页npm用于Flatgrid吗？