【问题标题】:React Native - Cache ImagesReact Native - 缓存图像
【发布时间】: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

【问题讨论】:

    标签: reactjs react-native redux redux-persist


    【解决方案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 日。
    猜你喜欢
    • 1970-01-01
    • 2023-03-17
    • 2016-06-17
    • 1970-01-01
    • 2019-02-20
    • 1970-01-01
    • 2019-06-22
    • 2019-12-02
    • 2018-09-11
    相关资源
    最近更新 更多