Firebase 存储图像缓存不起作用答案

【问题标题】：Firebase storage Image cache not workingFirebase 存储图像缓存不起作用
【发布时间】：2018-03-02 10:05:27
【问题描述】：

有两个图像 uri，第一个位于 firebase 存储，第二个是 react-native 博客 中的示例图像。

而且我相信 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>

问题

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

如何使 firebase 存储图像可缓存？

你可以测试上面的代码！

【问题讨论】：

标签： firebase react-native firebase-storage

【解决方案1】：

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

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

【讨论】：

所以在上传图片的时候，我应该设置一下吧？？
完成！ storageRef.put(blob, { cacheControl: 'max-age=31536000', contentType : ${image.mime}` })`
你可以在事后设置这个/一旦图像已经上传了吗？