Мерцание компонента изображения при переходе между страницами React Native Expo

#image #react-native #caching #expo

#изображение #react-native #кэширование #экспо

Вопрос:

В настоящее время я работаю над приложением, в котором есть база данных, в которой хранится ссылка на источники изображений (она не хранится локально), а затем в приложении я использую эту ссылку для источника. Я получаю белое мерцание при навигации, и до сих пор все найденные мной решения либо несовместимы с expo (react-native-fast-image), либо несовместимы со ссылками на изображения (с использованием defaultSource).

Кто-нибудь решал проблему мерцания изображения на Expo с изображением, не сохраненным локально?

Ответ №1:

Сегодня мы рады сообщить, что с появлением Expo SDK 42 теперь вы можете создавать пользовательские клиенты для разработки в облаке с помощью EAS Build или локально с помощью новых команд Expo run.

Вы можете попробовать это сегодня:

  • Создайте новый проект: expo init
  • Установите пакеты: expo install react-native-fast-image expo-dev-client

Создайте собственное приложение:

  • В облаке с помощью eas build -p all —разработка профиля (expo build не поддерживает пользовательские сборки)
  • Или локально с помощью expo run: ios и expo run: android (примечание: см. https://expo.fyi/prebuild-cleanup для получения информации о сгенерированных файлах)

Для ясности, react-native-fast-image не будет добавлен в приложение Expo Go, которое вы загружаете из App Store или Google Play Store.

Мы по-прежнему считаем эту функцию завершенной, поскольку теперь пользователи могут создавать пользовательские клиентские приложения, включающие эту библиотеку, без необходимости написания какого-либо собственного кода.

Мы надеемся, что вам понравится, и у нас большие планы по дальнейшему совершенствованию этого рабочего процесса в будущем!

(с) Брент Ватне https://expo.canny.io/feature-requests/p/react-native-fast-image