React Native：使用 .map 代替 Flatlist 可以吗？

Question

对于最多 50 个项目的列表，是否可以使用 .map 来渲染组件列表，而不是 Flatlist（性能方面）？

对我来说，简单的地图 + ScrollView 感觉比 FlalistNative 更容易、更直观：使用 .map 而不是 Flatlist 可以吗？

Answer 1

Flatlist 使用延迟加载，这意味着它只加载屏幕上需要的内容。所以它的性能会比简单的地图更好。但正如您所提到的，您正在使用小列表，其中任何一个都可以正常工作。

Answer 2

使用 map 来渲染组件是可以的，但是，为了提高性能，我建议使用React.memo来缓存迭代的元素。

Answer 3

当谈到加速渲染组件时，使用 Flatlist 赢得了这个功能。据我观察，大约 30% 的 Flatlist 渲染速度比使用 Map 更快。因为Flatlist在DOM中显示的时候能够缓存之前的数据。FlatList 具有延迟加载功能（它只显示屏幕上的内容，因此如果您有一个巨大的列表，它的性能会更高）