React native-ScrollView中的分页SectionList

Question

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

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

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

有人面临同样的问题吗。任何解决方案如何阻止这种情况。

Answer 1

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