滚动时加载更多信息以 react native 结束

Question

我从移动应用程序开始，我有一个关于如何执行功能的问题。

在具有许多页面的站点中，可以在页脚中注意到要导航的页面数...<< [1] [2] [3] [4] [5] >>

在移动设备上实现这一点并不酷，另一种方法是像某些应用程序一样做"Instagram"，当您到达最后时，它会自动加载一个新列表。我该怎么做？

我正在制作一个应用程序，我得到一个 json，这个 json 有一个大小为 20 的数组，我的想法是，当我到达应用程序结束时，我会得到另外 20 个，依此类推。

如何获得知道我已到达列表末尾并添加新数据的函数？ 我目前使用框架

<ScrollView>
<View>
<FlatList>
</FlatList
</View
</ScrollView>

[编辑]

proximaPagina()
{
alert('Finale');
}
renderItens() {
return (
<FlatList
data={this.state.movies}
numColumns={3}
renderItem={info => (
<Item
item={info.item}
isFavorite={isFavorite(this.state.myFavorites, info.item)}
onToggleFavorite={() => this.handleToggleFavorite(info.item)}
onSinopse={() => this.handleToggleSinopse(info.item)}
/>
)}
onEndReachedThreshold={0.5}
onEndReached={()=> this.proximaPagina()}
extraData={this.state.myFavorites}
keyExtractor={item => `${item.id}`}
/>
);
}

Answer 1

在 FlatList 上设置一个 onEndReach，并让回调函数获取更多数据。 您需要将 endReachThreshold 设置得足够高，以便在用户滚动到数据之前有时间获取数据，并且您可能希望在最后一项上放置加载指示器，以防他们滚动得太快。

Answer 2

<Flatlist onEndReachedThreshold={0.5} onEndReached={()=> //load more text} />