Как реализовать виртуальную прокрутку FlatList в React Native с данными Firestore?

Question

Интересно, кто-нибудь реализовал виртуальный прокручивающий FlatList с данными, предоставленными из магазина?В настоящее время я использую onEndReached с обработчиком, который повторно запускает запрос к пожарному хранилищу, в котором параметр «limit» увеличивается на 10 каждый раз.Работает нормально, но есть проблема, при которой, если я продолжу прокручивать даже в конце, значение «limit» будет только увеличиваться.Каков наилучший способ достичь того, что я после?(Я не ищу кнопку «Загрузить больше». Скорее загружайте больше данных, когда приближается к концу списка. Я использую пакеты response-redux-firebase и redux-firestore для извлечения данных)

Answer 1

В onEndReached handler , просто проверьте, становится ли длина записи в firestore равной или меньшей, чем общая сумма приращений.Допустим, в firestore было 103 записи, и вы увеличили его в 10 раз, а в 11-м списке 100 элементов (инкремент) ваш список увеличится до 110, но в firestore не так много записей, как 103 <110, поэтому он не должен обновлять список.any.more </p>