2015-04-14 3 views
3

Я использую «React native» для создания приложения iOS на данный момент.Предварительная загрузка изображений для более быстрого отображения

В настоящее время я замечаю проблему при отображении изображений в элементе «Изображение» при загрузке изображений из Интернета через source={{uri: ...}}. Иногда я вижу короткую белую вспышку изображений, как если бы она перезаряжала изображение. Эта перезагрузка связана с тем, что я как бы перемещаю изображение из одного элемента «Изображение» в другое.

Однако эта «белая вспышка» не происходит при использовании локального изображения (например, из XCode). Моя идея состояла в том, чтобы предварительно загрузить изображение и сохранить его «локально», а затем использовать локальное изображение в качестве источника для компонента «Изображение» вместо URL-адреса. Это также уменьшит генерируемый трафик.

Не могли бы вы дать мне подсказку, как это сделать? Я прочитал в документации «Изображение», что вы можете иметь локальные изображения в качестве источника, но я еще не знаю, как их создать «на лету».

+0

Я не могу видеть, как это применимо для ответа native –

+1

Этот вопрос задан раньше, проверьте [здесь] (http://stackoverflow.com/questions/476679/preloading-images-with-jquery) для простого способа для предварительной загрузки изображений! – AboutTime

+0

Я нашел эту ветку раньше, но не был уверен, действительно ли она подходит для реагирования - так? –

ответ

1

Последний RN теперь включает в себя некоторые возможности предварительной выборки. Посмотрите на https://facebook.github.io/react-native/docs/image.html и видеть два метода:

getSize и prefetch

Если вы застряли на старую версию, вы также можете прочитать этот билет для получения инструкций о том, как вы можете включить свой собственный предзапросы в прошивкой: https://github.com/facebook/react-native/issues/2314

Смежные вопросы