反应原生平面列表优化

Question

我正在尝试在 React Native 中构建联系人列表。我没有做以下提到的地方提到的所有可能的优化。

React native flat list optimization

8 ways to optimize React native FlatList performance

how-to-optimize-your-react-native-flatlist

How did I optimize my React Native FlatList?

flatlist-performance-tips

react-native-optimized-flatlist

这些我都一一试过了。 by flat list 现在太顺利了。但唯一的问题是最初加载需要一些时间。我想要它像通讯录一样没有加载。她的 ei ma 附上了视频链接，说明它的行为方式。

my own flat list source code

Video

** 任何可以帮助我解决此问题的人。我已经厌倦了，现在这让我很头疼。帮助将不胜感激。我尝试了一个月，但没有成功。**

Answer 1

查看专门关于属性 maxToRenderPerBatch、updateCellsBatchingPeriod 和 removeClippedSubviews 的文档。在您的情况下，它每批渲染渲染 50 个项目，updateCellsBatchingPeriod 可能使列表更新本身比预期的时间长，也许如果您将道具 removeClippedSubviews 设置为 true，列表将保持流畅随心所欲。