如何检测 FlatList 何时呈现所有项目并实际滚动到底部？

Question

我将一个很长的数组传递到 FlatList 中。

当您到达底部时，FlatList 会动态加载更多内容。

我有一个 ListFooterComponent 来指示用户是否将要看到更多数据。

我如何知道 FlatList 何时真正呈现了所有项目并因此到达了滚动的实际底部？然后此页脚组件将显示类似“您在列表的末尾！”之类的内容。

Answer 1

FlatList 组件有一个回调函数，当列表到达末尾或指定的阈值时会调用该函数。

<FlatList
    ...
   onEndReached={() => {console.log('list ended');}}
/>

FlatList - onEndReached