渲染大量图像 React Native

Posted 2023-02-16

【中文标题】渲染大量图像 React Native

【英文标题】：Render large list of images React Native

【发布时间】：2022-01-02 10:36:01

【问题描述】：

我想渲染大约 1200 个带有图像轮播的项目，就像下面屏幕上显示的那样反应原生

FlatList 的工作速度太慢了。令人惊讶的是，对于图像，ScrollView 效果更好，但是当它增加 1200 个元素时，它的工作速度非常慢。

有人知道如何渲染这么多元素吗？谢谢。

【参考方案1】：

试试这些有助于控制渲染项目数量的道具，如windowSize、maxToRenderPerBatch 和initialNumToRender 。 它可能有助于提高性能

【讨论】：

FlatList 也有这些道具，因为 FlatList 是使用 VirtualizedList 构建的，并且正如文档所述 VirtualizedList should only really be used if you need more flexibility than FlatList provides, e.g. for use with immutable data instead of plain arrays.

@UgurEren 我的错，谢谢你提醒我

谢谢你的回答，我试试