如何使用Firestore数据在React Native中实现虚拟滚动FlatList?

时间:2019-02-17 04:04:04

标签: reactjs firebase react-native google-cloud-firestore

我想知道是否有人用firestore提供的数据实现了虚拟滚动FlatList?我目前正在将onEndReached与处理程序一起使用,该处理程序会重新启动Firestore查询,其中“ limit”选项每次都会增加10。可以,但是存在一个问题,如果我一直滚动到最后,“极限”值就会不断增加。实现我追求的最好方法是什么? (我不是在寻找“加载更多”按钮。而是在列表末尾加载更多数据。我正在使用react-redux-firebase和redux-firestore软件包进行数据检索)

1 个答案:

答案 0 :(得分:0)

在onEndReached handler 上,只需检查firestore中的记录长度是否等于或小于总增量即可。 假设firestore有103条记录,您现在增加了10次,并且列表在第11个(增量)上有100个项目,您的列表将增加到110,但是在firestore中没有那么多的记录为103 <110,因此它不应该更新列表还有更多