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上设置onEndReached，并使回调函数获取更多数据。您需要将endReachedThreshold设置得足够高，以便在用户滚动到数据之前有时间来获取数据，并且您可能希望在最后一项上放置一个加载指示器，以防它们滚动太快。

Answer 2

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

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

2 个答案: