2016-11-19 16 views
1

を反応させるのは、単純に次のようにそのURLを呼び出すよりも、ネイティブのプリフェッチ機能を反応させるよりはあります:私は私のアプリにそれを表示するように選択したときにキャッシュにイメージをロードしようとするとプリフェッチは、ネイティブ

var prefetchTask = Image.prefetch(IMAGE_PREFETCH_URL); 

はそれは速いです私は上記のコードを使用していますが、実際にはロード速度の違いに気付くことはできません。確かに速くなければならないような感じです...

私はAndroidを使用しています。両方のプラットフォームで利用可能でした..

画像をキャッシュする?

答えて

0

あなたが気づいている遅れは、アプリが画像をレンダリングするのにかかる時間であり、それをダウンロードしていない可能性があります(アプリを実行している場合は、デバッグモードで)。 onLoadStart/onLoadEnd<Image>の方法(docsexampleを参照)を使用して時間を計ることができます。他のキャッシュソリューションについては、react-native-cacheable-imagereact-native-cache-imageなど、サードパーティ製のパッケージを確認したい場合があります。

+0

ああ、それは良い点です。たぶん問題は単純にレンダリングです。スナップチャットのようなアプリを見て、目立たない遅延で写真を切り替えるように見えるのは、私がどのようにして解決しようとしているかです。 –

+0

画像のサイズは?ビュー上でより小さな画像を使用することを検討したいかもしれません。イメージピッカー(2000ピクセル以上の幅から〜400ピクセルまで)に読み込まれた画像では、パフォーマンスの向上に気付きました。もちろん、高解像度の画像をレンダリングしようとすると、これはあなたに合わないかもしれません。 – martinarroyo

+0

それよりもはるかに小さい。私は基本的にスライドショーの実装を改善しようとしてきました。それは間違いなくレンダリングです..他のものの背後にイメージをレンダリングするなどの回避策はありませんか?または、あなたはまったく運命ですか? –

関連する問題