如何在反应原生Android应用程序中显示GIF？

Question

我想在我的android react本机应用程序的图像标签中通过URL显示一个简单的gif，但当我启动它时，不会显示任何图像。文档中提供的代码仅适用于iOS，不适用于android：

<Image
  style={styles.gif}
  source={{uri: 'http://38.media.tumblr.com/9e9bd08c6e2d10561dd1fb4197df4c4e/tumblr_mfqekpMktw1rn90umo1_500.gif'}}
/>

这里有一个类似的问题，但正如前面所说，这只适用于iOS：如何在React Native中显示动画gif
关于此提交，它应该可以工作：https://github.com/facebook/react-native/commit/fcd7de5301655b39832d49908e5ca72ddaf91f7e

Answer 1

如果使用RN版本。60尝试在应用程序内部版本中添加以下内容。gradle文件

dependencies {
    implementation 'com.facebook.fresco:animated-gif:2.0.0'
}

来源

Answer 2

对于最新的React Native（v0.48），上述所有操作都不适用。我不得不在我的android/app/build中添加以下依赖项。渐变

编译com.facebook.fresco壁画com.facebook.fresco动画

Answer 3

我们通过使GIF支持等选项成为可选选项，使核心库变得更小。

因此，我们必须手动选择Android中的gif支持。将以下两行添加到您的android/应用程序/构建中。依赖项下的gradle文件：

compile "com.facebook.fresco:animated-gif:1.3.0"
compile "com.facebook.fresco:animated-base-support:1.3.0"

因此，您的依赖项部分可能如下所示：

dependencies {
  compile fileTree(dir: "libs", include: ["*.jar"])
  compile "com.android.support:appcompat-v7:23.0.1"
  compile "com.facebook.react:react-native:+"  // From node_modules
  compile "com.facebook.fresco:animated-gif:1.3.0"
  compile "com.facebook.fresco:animated-base-support:1.3.0"

这解决了调试版本的问题，但如果您希望在发布版本中也解决此问题，则必须将以下行添加到proguard规则文件中：

-keep class com.facebook.imagepipeline.animated.factory.AnimatedFactoryImpl { public AnimatedFactoryImpl(com.facebook.imagepipeline.bitmaps.PlatformBitmapFactory, com.facebook.imagepipeline.core.ExecutorSupplier); }

有关此方面的更多信息，请点击此处：https://github.com/facebook/fresco/issues/1177

此提交已修复此问题，并将包含在下一个版本中。