React 原生 Flat 列表优化答案

【问题标题】：React native Flat list optimizationReact 原生 Flat 列表优化
【发布时间】：2023-04-04 02:05:02
【问题描述】：

我正在尝试在本机反应中建立一个联系人列表。我没有做以下提到的地方提到的所有可能的优化。

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

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

【问题讨论】：

标签： react-native react-native-android react-native-ios react-native-flatlist

【解决方案1】：

查看有关maxToRenderPerBatch、updateCellsBatchingPeriod 和removeClippedSubviews 属性的文档。在您的情况下，它每批渲染渲染 50 个项目，updateCellsBatchingPeriod 可能会使列表更新本身比预期的时间更长，并且如果您将 prop removeClippedSubviews 设置为 true，则列表将根据您的需要保持流畅。

【讨论】：