4

FlatList用来渲染列表。我已经配置为一次只显示一行,方法是使用pagingEnabled={true}和渲染占据父级全尺寸的单元格。

我也设置了windowSize={2}and initialNumToRender={1}。在我的renderItem函数中,我使用console.log.

当组件加载时,我看到renderItem我的数据数组中的每个项目都有一个日志语句,这意味着每个单元格都被预渲染。

结果是延迟加载组件。单元格不应该只按windowSize指定的数量呈现吗?

4

1 回答 1

0

我也有同样的问题,貌似FlatList和VirtualizedList有bug:https ://github.com/facebook/react-native/issues/18142 但是不知道为什么不想解决,我测试一下使用仅呈现数字列表的小应用程序,我遇到了同样的问题。我根本没有修复它,但它帮助我提高了性能:https ://facebook.github.io/react-native/docs/next/optimizing-flatlist-configuration

注意:非常重要的工具:getItemLayout和 putremoveClippedSubviews={true}因为它大大提高了性能。

Pd:我向你推荐这个组件:https ://github.com/Flipkart/recyclerlistview

我希望我对你有所帮助。问候!

于 2019-09-23T17:28:48.073 回答