GIF-файлы не анимируются в версии моего приложения React Native для Android ⇐ Android

[Anonymous]

Я изо всех сил пытаюсь анимировать свои GIF-файлы в версии моего приложения RN для Android. Версия iOS анимирует зацикленные GIF-файлы, как и ожидалось, но я вижу только застрявшее изображение «один кадр» из GIF-файла на устройстве Android.
Согласно отладочной и RN-документации, это требуется чтобы добавить несколько строк реализации к зависимостям внутри /android/app/build.gradle, но даже после очистки градиента (запуск ./gradlew clean в папке /android) и удалив кеш приложения RN (запустив React-native start --reset-cache в корневой папке проекта), я не вижу никаких разница в моем приложении.
Я много гуглил и пробовал. Основываясь на моем приключении по отладке, я попробовал и перепроверил эти предложения, кажется, что они работают для других, но, похоже, не работают для меня...

[*]Я попробовал несколько версий библиотек фресок, которые, по-видимому,
требуются, а также попробовал разместить строки как в
нижней, так и в верхней части зависимостей .
[*]В некоторых ответах также предлагается добавить одну или несколько строк кода в
файл android/app/proguard-rules.pro, но это не так. Я тоже ничего не меняю
.
[*]Я использую GIF-файлы в разных вариантах своего приложения, но оно всегда

Код: Выделить всё

width

и высота включены в свойство style .
[*]Я пробовал использовать GIF-uri из разных CDN и домены.
[*]Переустановил приложение на своих тестовых устройствах.
[*]Закрыл и снова открыл редакторы кода.
< /ul>
Я использую следующие версии:

[*]Java: 11.0.12
< li>React Native: 0.65
[*]Android SDK: 30.0.2
[*]npm: 6.14.4

Это мой полный /android/app/build.gradle:

Код: Выделить всё

apply plugin: "com.android.application"

import com.android.build.OutputFile

project.ext.react = [
enableHermes: false,  // clean and rebuild if changing
]

apply from: "../../node_modules/react-native/react.gradle"

def enableSeparateBuildPerCPUArchitecture = false
def enableProguardInReleaseBuilds = false
def jscFlavor = 'org.webkit:android-jsc:+'
def enableHermes = project.ext.react.get("enableHermes", false);

android {
ndkVersion rootProject.ext.ndkVersion

compileSdkVersion rootProject.ext.compileSdkVersion

defaultConfig {
applicationId "com.example.app"
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
versionCode 1
versionName "1.0"
}
splits {
abi {
reset()
enable enableSeparateBuildPerCPUArchitecture
universalApk false  // If true, also generate a universal APK
include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
}
}
signingConfigs {
debug {
storeFile file('debug.keystore')
storePassword 'android'
keyAlias 'androiddebugkey'
keyPassword 'android'
}
}
buildTypes {
debug {
signingConfig signingConfigs.debug
}
release {
// Caution! In production, you need to generate your own keystore file.
// see https://reactnative.dev/docs/signed-apk-android.
signingConfig signingConfigs.debug
minifyEnabled enableProguardInReleaseBuilds
proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
}
}

// applicationVariants are e.g.  debug, release
applicationVariants.all { variant ->
variant.outputs.each { output ->
// For each separate APK per architecture, set a unique version code as described here:
// https://developer.android.com/studio/build/configure-apk-splits.html
// Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc.
def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
def abi = output.getFilter(OutputFile.ABI)
if (abi != null) {  // null for the universal-debug, universal-release variants
output.versionCodeOverride =
defaultConfig.versionCode * 1000 + versionCodes.get(abi)
}

}
}
}

dependencies {

implementation fileTree(dir: "libs", include: ["*.jar"])
//noinspection GradleDynamicVersion
implementation "com.facebook.react:react-native:+"  // From node_modules

implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"

debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
exclude group:'com.facebook.fbjni'
}

debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
exclude group:'com.facebook.flipper'
exclude group:'com.squareup.okhttp3', module:'okhttp'
}

debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") {
exclude group:'com.facebook.flipper'
}

if (enableHermes) {
def hermesPath = "../../node_modules/hermes-engine/android/";
debugImplementation files(hermesPath + "hermes-debug.aar")
releaseImplementation files(hermesPath + "hermes-release.aar")
} else {
implementation jscFlavor
}

implementation project(':react-native-notifications')
implementation 'com.google.firebase:firebase-core:16.0.0'
implementation 'com.google.android.gms:play-services-ads:19.8.0'
implementation "androidx.appcompat:appcompat:1.0.0"

implementation 'com.facebook.fresco:fresco:2.4.0'
implementation 'com.facebook.fresco:animated-gif:2.4.0'
implementation 'com.facebook.fresco:webpsupport:2.4.0'
}

// Run this once to be able to run the application with BUCK
// puts all compile dependencies into folder libs for BUCK to use
task copyDownloadableDepsToLibs(type: Copy) {
from configurations.compile
into 'libs'
}

apply plugin: 'com.google.gms.google-services'

apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

Дайте мне знать, если я пропустил что-то очевидное. У меня определенно больше опыта в iOS-разработке, поэтому вполне возможно, что я что-то упустил

Подробнее здесь: https://stackoverflow.com/questions/688 ... native-app