Native React'ta nasıl animasyonlu bir gif görüntüleyebilirim?

Question

Yerel olarak tepki vermek için animasyonlu bir gifi nasıl görüntüleyebilirim. Denediğim şey bu.

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

bir .png dosyası ile çalışıyor ancak bir .gif kullandığınızda bu boş dosya. .gif'i bir .png olarak yeniden adlandırmayı denemek için bir yer okudum, ancak animasyonlu bir gifin yalnızca bir karesini görüntüler. Herhangi bir fikir?

Answer 1

Sen uzantısı eklemek gerekir ve bu şekilde gerektirir:

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

veya

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

RN this example kontrol, iyi gif görüntüleri işler.

Answer 2

Varsayılan olarak Gif görüntüleri, Android'e yerel tepki uygulamasında desteklenmez. Gif resimlerini görüntülemek için Fresco kullanmanız gerekir. kodu:

düzenleyin android/app/build.gradle dosyası ve aşağıdaki kodu ekleyin:

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

o zaman Böyle iki şekilde gif görüntüleri görüntüleyebilir uygulamayı tekrar paketlemek gerekiyor. Ben başkalarına yardımcı olduğunu umuyoruz

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 }}/> 

,