online - ¿Cómo se muestra GIF en la aplicación de Android nativa a la reacción?

gif gif

Question

Quiero mostrar un simple gif a través de la URL en mi etiqueta de imagen en mi aplicación nativa de Android, pero cuando lo inicio no se muestra ninguna imagen. El código proporcionado en los documentos funciona solo para iOS pero no para Android:

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

Hubo una pregunta similar aquí, pero como ya se dijo, esto solo funciona para iOS: ¿Cómo puedo mostrar un gif animado en React Native?
Con respecto a este compromiso, debería funcionar: https://github.com/facebook/react-native/commit/fcd7de5301655b39832d49908e5ca72ddaf91f7e

Answer 1

Hicimos la biblioteca central más pequeña haciendo que las cosas como el soporte GIF fueran opcionales.

Por eso, debemos habilitar manualmente el soporte de gif en Android . Agregue la siguiente línea a su archivo android / app / build.gradle bajo dependencias:

compile ''com.facebook.fresco:animated-gif:0.12.0''  // For animated GIF support''

Por lo tanto, su sección de dependencias podría verse así:

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:0.10.0''  // For animated GIF support

Esto resuelve el problema para su compilación de depuración, pero si desea resolverlo también en su compilación de lanzamiento en ese momento, debe agregar la siguiente línea a su archivo proguard-rules:

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

Más información sobre esto aquí: https://github.com/facebook/fresco/issues/1177

Esto se corrigió con este compromiso y se incluirá en la próxima versión.

Answer 2

Para la última versión nativa de reacción, puede agregar estas dependencias:

compile ''com.facebook.fresco:animated-base-support:0.14.1''
compile ''com.facebook.fresco:animated-gif:0.14.1'' 

Answer 3

Todo lo anterior no funcionó para mí con el React Native más reciente (v0.48). Tuve que agregar las siguientes dependencias en mi android/app/build.gradle

compile ''com.facebook.fresco:fresco:1.5.0'' compile ''com.facebook.fresco:animated-gif:1.5.0''