Firebase 存储图像缓存不起作用

ton*_*on1 5 firebase react-native firebase-storage

有两个图像 uri,第一个位于firebase storage 中,第二个是react-native blog 中的示例图像。

而且我相信 recat-native 的Image组件是可缓存的。

<View>
   <Image 
       style={{ width: 100, height: 100 }}
       source={{ uri : 'https://firebasestorage.googleapis.com/v0/b/siren-5eee7.appspot.com/o/profile%2FmO2vxzWDbJRzM5ckzCBXtf0aPhV2?alt=media'}}
    />

    <Image 
       style={{ width: 100, height: 100 }}
       source={{ uri : 'https://facebook.github.io/react-native/img/react-native-congratulations.png'}}
    />
<View>
Run Code Online (Sandbox Code Playgroud)

问题

我认为 firebase 存储的图像没有缓存。当我渲染屏幕时,它总是试图下载。所以第二个图像加载速度更快,一秒钟后,加载 firebase 图像。

如何使 Firebase 存储图像可缓存?

你可以测试上面的代码!

Uma*_*ain 2

https://firebase.google.com/docs/reference/js/firebase.storage.SettableMetadata#cacheControl

请参阅此文档我认为您必须在将图像存储到 Firebase 存储时设置元数据。

  • 您可以事后/图像上传后进行设置吗? (6认同)
  • 完毕!`storageRef.put(blob, { cacheControl: 'max-age=31536000', contentType : `${image.mime}` })` (3认同)