在React Native的FlatList中，如何在顶部（同时）在底部使用“拉动刷新”？

Question

我需要在我的React-Native应用程序中在我的FlatList顶部刷新一个Pull，同时在该FlatList的底部刷新一个Pull。 我可以使用refreshControl在顶部使用它，但是我不知道该怎么做才能将其放在顶部和底部。

Answer 1

FlatList组件为此具有预定义的功能。 据我了解，您希望能够通过拉刷新来刷新，以及何时到达列表末尾？ 如果是这样，您可以执行以下操作：

handleRefresh = () => {
//make api calls 
};

<FlatList
   data={yourData}
   onRefresh{this.handleRefresh} // handle pull to refresh 
   onEndReached={this.handleRefresh} // handle refresh 
   onEndReachedThreshold={1} // refresh as soon as the end of the list is reached. Probably you have to play around with this value 
   ListFooterComponent={this.renderFooter(this.props.loading)} // show activity indicator 
/>