react-native：Flatlist的OnEndReached在滚动视图中不起作用答案

【问题标题】：react-native: OnEndReached for Flatlist not working in scrollviewreact-native：Flatlist的OnEndReached在滚动视图中不起作用
【发布时间】：2020-10-15 11:37:58
【问题描述】：

我是 ReactNative 开发的新手，我正在开发我的第一个应用程序。我正在尝试在滚动视图选项卡中的平面列表中使用 OnEndReached。我使用此滚动视图是因为我的应用程序中有 3 个平面列表。

前两个是水平的。对于最后一个，我需要使用 onEndReached 处理分页。但是，当我将最后一个平面列表放在滚动视图中时，它根本不起作用，没有任何问题。

当我把它从滚动视图中取出时，它可以正常工作。所以我认为这个问题与此有关。

您知道我该如何解决这个问题吗？如果这个问题是一个基本问题，我很抱歉:(

【问题讨论】：

标签： react-native scrollview react-native-flatlist react-native-scrollview

【解决方案1】：

如果父级有 ScrollView，则不会调用 OnEndReached。为什么不将这些顶视图放在Header 中？

<FlatList
 data={data}
 renderItem={}
 keyExtractor={(item, index) => item.personId}
  onEndReached={() => {
  console.log(" On End Reached");
 }}
 onEndReachedThreshold={0.01}
 ListHeaderComponent={() => (
  <View>
   <FlatList/>
   <FlatList/>
 </View>
 ))
/>

【讨论】：