有两个图像uri,第一个位于 firebase存储,第二个是 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>
问题
我认为firebase存储的图像没有被缓存。当我渲染屏幕时,它总是试图下载。因此第二个图像加载速度更快,一秒钟后加载firebase图像。
如何使firebase存储图像可缓存?
您可以测试以上代码!
答案 0 :(得分:0)
https://firebase.google.com/docs/reference/js/firebase.storage.SettableMetadata#cacheControl
请参阅此文档我认为您必须在将图像存储到Firebase存储空间时设置元数据。