Comment afficher GIF de réaction-native android app?

Je veux afficher un simple gif via l'URL de mon Image de tag dans mon android réagir-application native, mais lorsque je le démarre aucune image n'est affichée.
Le code fourni dans le docs ne fonctionne que pour iOS, mais pas pour android:

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

Il y a une question similaire ici, mais comme déjà dit, cela ne fonctionne que pour iOS:
Comment puis-je afficher un gif animé à Réagir Natif?
Concernant ce commit il devrait fonctionner, cependant:
https://github.com/facebook/react-native/commit/fcd7de5301655b39832d49908e5ca72ddaf91f7e

si vous êtes tout simplement de chargement GIF image via le lien alors pourquoi ne pas utiliser WebView?

OriginalL'auteur Orlando | 2016-07-03

39

Nous avons fait de la bibliothèque de base plus petit, en faisant des choses comme le support GIF en option.

À cause de cela nous avons manuellement opt-in pour le support gif sur Android.
Ajoutez les deux lignes suivantes à votre android/app/build.gradle fichier sous dépendances:
```
compile "com.facebook.fresco:animated-gif:1.3.0"
compile "com.facebook.fresco:animated-base-support:1.3.0"
```
De sorte que votre section des dépendances pourrait ressembler à ceci:
```
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"
```
Cela résout le problème pour votre version de débogage, mais si vous voulez les résoudre aussi dans votre communiqué de construire à leur moment, vous devez ajouter la ligne suivante à votre proguard-règles de fichier:
```
-keep class com.facebook.imagepipeline.animated.factory.AnimatedFactoryImpl { public AnimatedFactoryImpl(com.facebook.imagepipeline.bitmaps.PlatformBitmapFactory, com.facebook.imagepipeline.core.ExecutorSupplier); }
```
Plus d'informations sur ce sujet ici: https://github.com/facebook/fresco/issues/1177

Cela a été résolu avec cette s'engager et sera inclus dans la prochaine version.

quand vous dites que la prochaine version est la version 0.13.0? J'ai juste essayé que la version et le problème semble être toujours présent
compile 'com.facebook.fresco:animated-gif:0.+'
cette ligne de compilation ne fonctionne pas dans les derniers réagissent version native. Toute aide est appréciée.
Communiqué de construire est arriver a échoué pour réagir natif .
Pour trouver la bonne version compatible à utiliser il suffit de remplacer 0.46 avec la version de Réagir Natif vous utilisez et de voir ce que les docs disent: facebook.github.io/réagir indigènes/docs/0.46/...

OriginalL'auteur Orlando
15

Tous les ci-dessus ne fonctionne pas pour moi avec la dernière Réagir Natif(v0.48). J'ai dû ajouter les dépendances suivantes dans mon android/app/build.gradle

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

ca a fonctionné pour u dans ios?
Désolé je n'ai pas essayé avec iOS.
Ne fonctionne pas dans RN 0.50. Toute Aide?
travailler dans RN 0.52.0. Merci!
Pour trouver la bonne version compatible à utiliser il suffit de remplacer 0.46 avec la version de Réagir Natif vous utilisez et de voir ce que les docs disent: facebook.github.io/réagir indigènes/docs/0.46/...

OriginalL'auteur Tekeste Kidanu
13

Vous pouvez ajouter ces dépendances. Je suis à l'aide de cette version (v0.44.0):
```
compile 'com.facebook.fresco:animated-base-support:0.14.1'
compile 'com.facebook.fresco:animated-gif:0.14.1' 
```
Dans la version v0.50 vous avez seulement besoin d'ajouter

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

Fonctionne comme un charme . . 🙂 merci à vous
Ne fonctionne pas dans RN 0.50. Toute aide??
essayez la réponse ci-dessus, il semble que cela fonctionne pour les versions antérieures.
Pour trouver la bonne version compatible à utiliser il suffit de remplacer 0.46 avec la version de Réagir Natif vous utilisez et de voir ce que les docs disent: facebook.github.io/réagir indigènes/docs/0.46/...

OriginalL'auteur Himanshu Teotia
3

Nous avons mis à niveau à "react-native": "^0.57.1", qui a cessé de notre gifs animés à partir de la lecture; ils ont juste rendu la première image de l'animation que des images statiques.

Pour corriger cela, nous avons inclus les bibliothèques suivantes:
```
compile 'com.facebook.fresco:animated-gif:1.10.0'
compile "com.facebook.fresco:animated-base-support:1.3.0"

//(Only if supporting WebP.)
compile 'com.facebook.fresco:animated-webp:1.10.0'
compile 'com.facebook.fresco:webpsupport:1.10.0'
```
OriginalL'auteur Mapsy
0

Pour moi, l'ajout de dépendances comme ci-dessous n'était pas assez:
```
compile 'com.facebook.fresco:animated-gif:1.9.0'
```
J'ai également eu à mettre à jour mon gradle version dans le fichier:

android/gradle/emballage/gradle-wrapper.propriétés
comme ceci:
```
distributionUrl=https\://services.gradle.org/distributions/gradle-4.4-all.zip
```
et aussi mes outils de construction de version dans le fichier:

android/build.gradle comme ceci:
```
classpath 'com.android.tools.build:gradle:3.0.1'
```
Est-il un moyen de jouer GIF seule fois pour Android?

OriginalL'auteur Shaked Sayag

Vous devez vous connecter pour publier un commentaire.