reactnative展示 webp gif动态图片

1.在 app/build.gradle文件中的 dependencies 加入(引入了不生效请看第五点)

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

    implementation 'com.facebook.fresco:animated-webp:2.5.0'
    implementation 'com.facebook.fresco:webpsupport:2.5.0'

2.引入webp图片

javascript
    <ImageBackground
                        source={homeBg}//你的图片名称
                        resizeMode="stretch"
                        focusable={false}
                        style={{
                            width: '100%',
                            height: '100%',
                            // backgroundSize: 'auto'
                        }}>
</ImageBackground>

3.重新运行项目（一定要重新运行）

最重要的一步。

4.但是我的模拟器上使用很卡，不知道怎么解决。

最后还是用的视频

4.gif

dependencies {
  // 如果你需要支持GIF动图
  implementation 'com.facebook.fresco:animated-gif:3.1.3'
}

5.最重要的一点，如果引入以上代码仍然不能动态展示

可能是因为后面3.1.3的版本错了，
可以去reactnative 官网查看animated-gif最新的版本（最好是英文官网，中文版官网更新较慢）

地址：https://reactnative.dev/docs/image