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

Question

我将一个非常长的数组传递给FlatList。

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

我有一个ListFooterComponent，指示用户是否要查看更多数据。

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

Answer 1

FlatList组件作为回调函数，在列表达到结束或指定阈值时调用。

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

FlatList - onEndReached