React native - ScrollView 内的分页 SectionList

Question

我的屏幕布局是 SectionList 内 View 和 onEndReached 我正在调用 API 以成功获取分页数据（LoadMore 行为）。

由于SectionList 仅覆盖屏幕的 40%，我尝试添加 ScrollView 以便整个屏幕变为可滚动。

问题：当屏幕加载时，它会获取初始的分页数据。渲染 UI 后，onEndReached 事件被触发，该事件又调用 api 以再次加载更多数据。这会循环运行，直到获取完整的数据。

有没有人遇到过同样的问题。任何解决方案如何阻止它。

Answer 1

您可以在ScrollView 中添加SectionList，而不是添加上面的视图（即您的其他60% 区域）作为SectionList 的标题。这样你的整个屏幕将被视为SectionList，并且onEndReached只会在用户执行滚动时被调用。