Jak wyświetlić animowany GIF w React Native?

Question

Jak wyświetlić animowany GIF w reakcji natywnej. Oto, co próbowałem.

<Image source={{uri: "loading"}} />

Współpracuje z pliku PNG, ale kiedy używam .gif jest pusty. Czytałem gdzieś, aby spróbować zmienić nazwę pliku .gif na .png, ale po prostu wyświetla się jedna klatka animowanego gifa bez animacji. Jakieś pomysły?

Answer 1

Trzeba dodać rozszerzenie i wymaga to tak:

<Image source={require('./path/to/image/loading.gif')} /> 

lub

<Image source={{uri: 'http://www.urltogif/image.gif'}} /> 

RN obsługuje również GIF, sprawdź this example.

Answer 2

Domyślnie obrazy Gif nie są obsługiwane w natywnej aplikacji reagującej na Androida. Musisz ustawić użycie Fresco, aby wyświetlić obrazy gif. Kod:

edytować plik android/app/build.gradle i dodaj następujący kod:

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.+' 
} 

potem trzeba ponownie pakiet aplikacji, można wyświetlać obrazy gif na dwa sposoby jak ten.

1-> <Image source={require('./../images/load.gif')} style={{width: 100, height: 100 }}/> 
    2-> <Image source={{uri: 'http://www.clicktorelease.com/code/gif/1.gif'}} style={{width: 100, height:100 }}/> 

Mam nadzieję, że to jest pomocne dla innych,