如何在 Flatlist 中应用 onEndReached？

Question

我有一个在其中显示卡片和信息的平面列表，我必须对其应用分页，即一开始只有 3 张卡片应该加载到最后，更多的 3 张卡片应该加载。

下面是我的代码：

<FlatList
    style={{ height: HEIGHT, flex: 1 }}      // declared a HEIGHT const with value of windows height
    data={this.state.show_data_list}         // data to be shown in flatlist
    keyExtractor={(x, i) => x + i}  
    extraData={this.state.refresh}           // to sort the data based on condition.
    initialNumToRender={3}                   // data to be loaded initially
    onEndReached={() => this.loadMoreData()} // function which add 3 more items to show_data_list state to be shown in flatlist
    onEndReachedThreshold={10}
    renderItem={({ item }) =>
              <ContentCard
                  // content to display
              />
            }
         />

一旦视图渲染显示所有数据，换句话说，在我到达终点之前调用 onEndReached。 你们有谁知道为什么会这样吗？？？？

Answer 1

实施onMomentumScrollBegin或检查距末端的距离

    onEndReached={({ distanceFromEnd }) => {
            if (distanceFromEnd < 0) return; 
   }

请参考