React native - ScrollView 内的分页 SectionList

Question

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

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

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

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

Answer 1

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