React NativeにアニメーションGIFを表示するにはどうすればよいですか？

Question

反応したネイティブのアニメーションgifを表示するにはどうしたらいいですか？これが私が試したことです。

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

これは、.pngのファイルと正常に動作しますが、私は.GIFファイルを使用する場合には、空白です。 .gifの名前を.pngに変更しようとどこかで読んでいますが、アニメーションがないアニメーションGIFの1つのフレームだけが表示されます。何か案は？あなたは拡張子を追加し、それをこのように要求する必要がある

Answer 1

：

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

または

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

RNがうまくGIF画像を処理し、this exampleを確認してください。

Answer 2

デフォルトでは、GIF画像はAndroid対応ネイティブアプリでサポートされていません。 gifイメージを表示するには、Frescoの使用を設定する必要があります。 コード：

編集し​​ファイルと次のコードを追加します。

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

を、あなたはあなたがこのような二つの方法でGIF画像を表示することができ、再びアプリをバンドルする必要があります。

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

私は私のImages.xcassetsにGIFへリンクするにはどうすればよい