React Native - 缓存图像

Posted 2023-02-19

【中文标题】React Native - 缓存图像

【英文标题】：React Native - Cache Images

【发布时间】：2019-11-30 22:29:09

【问题描述】：

问题

我想存储应用从服务器下载的图像，类似于 Instagram 或 Facebook。

我查看了 redux 坚持，但我不知道这样做是最好的选择。

对此的一些建议，我在应用程序内有大约 30 个业务，每个业务有 5 个图像，我必须在应用程序中存储大约 150 个图像。每张图片重约 50k。

版本

React Native 0.59.8 Redux 4.0.4 Redux Persist 5.10.0

【参考方案1】：

如果您的应用仅在 ios 上，那么您可以使用文档 here 中的以下示例。

<Image
  source=
    uri: 'https://facebook.github.io/react/logo-og.png',
    cache: 'only-if-cached',
  
  style=width: 400, height: 400
/>

也许你可以使用cache: 'force-cache' 。

如果您的应用程序在多个平台上，那么更好的选择是一个名为 react-native-cached-image 的包。试试看文档，这很容易实现。

【讨论】：

谢谢，很有帮助。我正在构建 android 和 iOS 这两个应用程序。

我不知道为什么，但是在我的模拟器中，默认情况下使用 Image 组件缓存图像。 Android 模拟器。

react-native-cached-image 已经过时和被遗弃，即使在发布此答案时也是如此。它的最后一次提交是在 2017 年 10 月 24 日。