React Native - ScrollView 内的分页部分列表

Question

我的屏幕布局位于SectionLista 内，View并且onEndReached我正在调用 API 来成功获取分页数据（LoadMore 行为）。

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

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

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

Answer 1

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