How to display GIF in react-native android app?

by

We made the core library smaller by making things like GIF support optional.

Because of that we have to manually opt-in for gif support in Android.
Add both of the following lines to your android/app/build.gradle file under dependencies:

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

So your dependencies section might look like this:

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"

This solves the problem for your debug build but if you want to solve it also in your release build at them moment you have to add the following line to your proguard-rules file:

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

More information on this here: https://github.com/facebook/fresco/issues/1177

This was fixed with this commit and will be included in the next release.

More Related Contents:

  1. React-native: Images not showing in android device; but shows perfectly in emulator
  2. Android layout with one side round [closed]
  3. how to store Image as blob in Sqlite & how to retrieve it?
  4. Unable to load script from assets index.android.bundle on windows
  5. Adding gif image in an ImageView in android
  6. How to display image from URL on Android
  7. Deleting a gallery image after camera intent photo taken
  8. Strange OutOfMemory issue while loading an image to a Bitmap object
  9. Image, saved to sdcard, doesn’t appear in Android’s Gallery app
  10. Image in Canvas with touch events
  11. Show GIF file with Glide (image loading and caching library)
  12. Android failed to load JS bundle
  13. How do I transfer an image from its URL to the SD card?
  14. Load an image from assets folder
  15. Drawable folders in res folder?
  16. Image size for all screen devices
  17. Can Android’s WebView automatically resize huge images?
  18. Android: how to convert whole ImageView to Bitmap?
  19. Phonegap Plugin:How to convert Base64 String to a PNG image in Android
  20. Rotate zoom drag image in android imageview
  21. React-Native :java.lang.UnsatisfiedLinkError: couldn’t find DSO to load: libhermes.so
  22. get the last picture taken by user
  23. how to add background image to activity?
  24. Converting YUV_420_888 to JPEG and saving file results distorted image
  25. Disable Screen Capture/ScreenShot in React Native App
  26. Android byte[] to image in Camera.onPreviewFrame
  27. android set image as contact icon/wallpaper
  28. How to add network_security_config.xml to manifest in expo app without ejecting
  29. combining two png files in android
  30. retrieve absolute path when select image from gallery kitkat android

Leave a Comment