Flatlist 问题中的 onEndReached

2023-12-31

如果我将平面列表包含在视图中,那么我的 onEndReached 会无限触发,如果我删除封闭的视图,则 onEndReached 根本不会触发。

 render() {
    return (
        <Root>
            <Container>
                <Content>
                    <View>
                        {this.state.listView && (
                            <FlatList
                                data={this.state.variants}
                                keyExtractor={this._keyExtractor}
                                onEndReachedThreshold={0.5}
                                onEndReached={({ distanceFromEnd }) => {
                                    console.log(
                                        "on end reached ",
                                        distanceFromEnd
                                    );
                                    this.loadMore();
                                }}
                                numColumns={1}
                                renderItem={({ item, index }) => (
                                    <CatalogRow
                                        item={item}
                                        in_wishlist={this.state.in_wishlist}
                                        toggleWishlist={() =>
                                            this.toggleWishlist(item.title)
                                        }
                                        listView={this.state.listView}
                                    />
                                )}
                            />
                        )}
                    </View>
                </Content>
            </Container>
        </Root>
    );
}

And my distanceFromEnd触发时采用 0 , 960,1200 等值。它说明什么? 我正在使用react-native 0.47.2


我对react-native 0.50.3有同样的问题

<Flatlist>不得用于<ScrollView>如果你想使用onEndReached因为 Flatlist 找不到高度。

Use a <View>反而

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Flatlist 问题中的 onEndReached 的相关文章

随机推荐