react-native - 如何在 RN FlatList 中使用图像延迟加载

Question

我有一个 FlatList，其中的项目是带有图像和一些文本的帖子。我不想在安装组件时渲染所有图像。我只想加载已经看到的图像。有没有办法只加载视口图像？

标签： react-nativereact-native-androidreact-native-ios

Answer 1

我终于找到了解决方案。我使用onViewableItemsChanged了FlatList. 逻辑如下：使用此道具，您可以看到看到的项目。您可以正确注册它们（例如，我postSeen: true在应用程序状态下添加到每个看到的帖子）。这样，您将掌握所有更改，并能够根据需要使用它们。希望这对其他人有帮助。

如果您对此有其他解决方案，我将很高兴知道。谢谢