react-native - React Native - 图像加载非常缓慢，根本没有

Question

我正在使用 Expo/RN 创建一个应用程序，作为网络调用的结果，第一个屏幕加载了相当数量(~20)的图像。我只在 iOS 中工作。

我的问题是图像加载速度非常慢，大多数加载大约需要一分钟，有些从不加载，而是保持黑色。我正在使用内置的图像组件，源对象中提供了一个 url。在 Safari 中加载移动网站时，图像会立即加载。

此外，内置缓存似乎根本不起作用。当一个图像已经加载并且应该在多个地方显示时，它通常根本不会出现在第二个地方。我试过使用“force-cache”但没有效果。

我已经尝试了无法运行的 react-native-fast-image 包和 react-native-expo-image-cache 包，它们给了我一些结果，但存在内存泄漏问题和 UI 卡住问题。

有什么解决办法吗？我应该只创建自己的缓存组件吗？

编辑:图像加载到 FlatList 中。每个项目都由一个自定义组件呈现，包括一个 .图片只是将url作为

<Image
    style={[styles.image, smallCell ? { width: smallCellWidth } : {}]}
    source={{ uri: project.imageUrl, cache: "force-cache" }}
    opacity={0.85}
/>

Answer 1

原来最大的问题不在 RN 端，而是使用的 API 调用。我从服务器下载原始大小的图像，而不是调整后的图像，它们太大了，我得到了上面的结果。

但是，使用 force-cache 对我来说确实有很好的效果。