首先，在用户到达平面列表末尾之前，先调用onEndReached函数

Question

我想执行一个函数，当用户到达flatList的结尾但该函数仅在加载组件之前运行：

loadMore() {

alert('YouGot to end');

}


 render() {
    return (
    <FlatList

    data={this.state.foods}
    extraData={[this.state, this.props]}
    renderItem={this._renderItem}
    onEndReached={this.loadMore()}
    onEndReachedThreshold={0}
  />

  );
 }

加载更多警报会在第一时间出现，当组件首次启动时！！甚至当我滚动到flatlist

的末尾时也不再显示

Answer 1

之所以会这样，是因为您在加载数据之前渲染了FlatList。

您应该检查是否已加载数据，然后呈现列表。如果没有，它将触发onEndReached方法，因为初始列表呈现为空。