React Native踩坑之FlatList组件中的onEndReached

最近在做一个RN项目，有使用到FlatList这样一个RN封装的组件去做上拉加载更多功能，在iOS和Android平台上，总结了以下几个遇到的问题及解决方案

1. 进入页面onReached开始就被触发

解决方案：

// 伪代码如下
<FlatList 
      ...  
     onEndReachedThreshold={0.5}
      ...
/>

当onEndReachedThreshold设置大于1时，的确进入页面就触发，设置在0-1之间时按正常逻辑走

2. 上拉加载更多onReached被触发两次，造成重复请求资源，性能浪费

解决方案：

<FlatList
    ...
    onEndReached={() => {
    if (this.canLoadMore) {
        this.loadData(true); //
        this.canLoadMore = false;
    }
    }}
    onEndReachedThreshold={0.5}
    onMomentumScrollBegin={() => {
    this.canLoadMore = true; //初始化时调用onEndReached的loadMore