前提・実現したいこと
React Nativeで画像を表示する際のベストプラクティスをご教示願います。
React Native + Expoでチャットアプリを開発しており、画像のレンダリングとキャッシュについて悩んでおり、質問させていただきました。
※React Nativeを使用していますが、iOS用アプリのみ作成する予定です
####環境
- React Native + Expo
- Firebase Storage(画像ストレージ)
- React Navigation
####調べてわかったこと
- 画像のレンダリングを早めるにはキャッシュを使用する必要がある
- React Nativeには高速化するためのライブラリが存在する
- こちらの記事を読んだところ、Expo Kitを使用すれば、ローカルで保存し、表示できる?
- iOSの場合、
cache: 'force-cache'}
のように画像をキャッシュで保存することができる
お聞きしたいこと
Firebase(外部ストレージなど)からダウンロードして画像を表示する際、どうするのが正解なのでしょうか?
高速レンダリングとダウンロード回数の削減をベースに考えております。
画像のレンダリングに関する情報があまり見つからず、知見のある方がいらっしゃいましたら、ご教授いただきたいです。
cache: 'force-cache
を使用してみたのですが、勝手にキャッシュが削除されてしまうことがあったり、Expoだとreact native fast image
ライブラリが使えなったり、上手くいっていない状況です。
もしご存知の方がいらっしゃいましたら、よろしくお願いいたします。
あなたの回答
tips
プレビュー