2017-09-21 16 views
0

イメージURLが2つあり、最初にファイヤーベースストレージにあり、2番目がサンプルイメージ反応ネイティブブログです。Firebase storageイメージキャッシュが動作しない

私は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ストレージの画像がキャッシュされていないと思う問題

。画面をレンダリングするときに、常にダウンロードしようとしています。そのため、2番目の画像はより速くロードされ、1秒後にfirebaseイメージがロードされます。

firebaseストレージイメージをキャッシュ可能にするにはどうすればよいですか?

上記のコードをテストできます。

答えて

0

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

私はあなたがFirebaseストレージに画像を保存しながら、メタデータを設定するために持っていると思う。このドキュメントを参照してください。

+0

画像のアップロード中に、私はそれを設定する必要がありますか? – Juntae

+1

完了! 'storageRef.put(blob、{cacheControl: 'max-age = 31536000'、contentType:' $ {image.mime} '})' – Juntae

関連する問題