Вот что я сделал в функция, которая отображается через основную функцию приложения Stack.Screen внутри NavigationContainer и Stack.Navigator. (Я использую React Navigation для перемещения по экранам, контекст здесь заключается в том, что при нажатии кнопки отображается содержимое функции DetailsScreen)
Код: Выделить всё
function DetailsScreen({ navigation }) {
return (
Here is a gif
);
}
Я также уже пошел дальше и поместил реализации в build.gradle, но мне это ничего не дало. У меня такое ощущение, что проблема именно в этом.
Код: Выделить всё
implementation 'com.facebook.fresco:fresco:1.+'
// For animated GIF support
implementation 'com.facebook.fresco:animated-gif:1.+'
// For WebP support, including animated WebP
implementation 'com.facebook.fresco:animated-webp:1.+'
implementation 'com.facebook.fresco:webpsupport:1.+'
Я использую React Native версии 0.67. (Я попробовал запустить его снова, понизив версию реакции до 0,66, но это все равно не работает.)
[img]https://i. sstatic.net/JZZil.jpg[/img]
Кроме того, не уверен, имеет ли это отношение к чему-либо на этом снимке экрана, это то, что у меня было по умолчанию, и выдало это сообщение об ошибке. как только я открыл файл, но программа запускается нормально, даже при этом
Если делать это обычно в основной функции App(), при запуске сначала отображается gif, но все равно остается как неподвижное изображение.
Что мне делать? Я имею в виду... что еще я могу сделать?
Изменить:
Я нашел решение проблемы... это был простой случай просто холодная загрузка эмулятора, который я использовал из студии Android.
Однако ответ Тадея верен, поскольку выравнивание стиля представления немного портит GIF. Если у вас возникла аналогичная проблема и ответ не помог, попробуйте холодную загрузку эмулятора или даже переустановите более новый... или, альтернативно, используйте настоящий телефон Android для проверки подобных вещей.В любом случае, Тадей большое спасибо за помощь! Надеюсь, этот вопрос помог другим в моей ситуации.
Тадей Слеменшек
Подробнее здесь: https://stackoverflow.com/questions/707 ... act-native