Saltar al contenido

¿Cómo muestro un gif animado en React Native?

Contamos con el arreglo a esta obstáculo, al menos eso creemos. Si continuas con preguntas coméntalo, que sin dudarlo te ayudaremos

Solución:

Para RN < 0,60

De forma predeterminada, las imágenes GIF no son compatibles con la aplicación nativa de Android. Debe configurar el uso de Fresco para mostrar las imágenes gif. El código:

Edita tu android/app/build.gradle archivo y agregue el siguiente código:

dependencies:  

    ...

    compile 'com.facebook.fresco:fresco:1.+'

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

    // For WebP support, including animated WebP
    compile 'com.facebook.fresco:animated-webp:1.+'
    compile 'com.facebook.fresco:webpsupport:1.+' 

entonces necesita empaquetar la aplicación nuevamente. Puede mostrar las imágenes gif de dos maneras como esta.

1-> 

2-> 

Para RN >= 0,60

implementation 'com.facebook.fresco:animated-gif:1.12.0' //instead of

implementation 'com.facebook.fresco:animated-gif:2.0.0'   //use

Espero que sea útil para otros,

Debe agregar la extensión y requerirla de esta manera:


o


Para React Native 0.60 y superior

Abre tu android/app/build.gradle archivo y agregue las siguientes líneas al primero de dependencies sección

implementation 'com.facebook.fresco:fresco:2.0.0'
implementation 'com.facebook.fresco:animated-gif:2.0.0'

Y entonces

cd android
gradlew clean
react-native run-android

Comentarios y valoraciones

Si estás de acuerdo, eres capaz de dejar una división acerca de qué te ha impresionado de este tutorial.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *