React NativeのFlatListの一番上と（同時に）一番下の "Pull to refresh"の使い方は？

Question

私のReact-Nativeアプリでは、私のFlatListの上でリフレッシュすると同時に、そのFlatListの一番下でリフレッシュするためにプルする必要があります。私はトップでそれを使用するには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 
/>