react-native 之android 配置gif图片的使用----------小白的天堂

时间:2024-04-07 18:23:40

React-native显示动态图片(gif)的配置

突然心血来潮,想把项目中的loading效果换成动态图片的样式,这样会好看一些不会那么单调。然后开始了我的踩坑之路。。。。

首先,查看官方网站(react-native中文网),然后选择对应自己的版本号的文档

react-native 之android 配置gif图片的使用----------小白的天堂

我的是0.50的版本,然后找到Image,查看了一下,

react-native 之android 配置gif图片的使用----------小白的天堂

 

Android 如果要至支持gif图片需要添加依赖,然后按着要求加入依赖之后,启动项目,能够正常启动,当加载动态图loading的时候居然出现了闪退现象,而且动态图片也没有显示出来,经过网上查看大量资料,知道这是由于fresco依赖版本的问题,那么问题来了!我要怎么样设置对应的版本呢?如果设置错误还是会造成报错!

那么就直接上查看项目依赖的方法:(

在此感谢这位博主的分享:https://www.jianshu.com/p/dec2f564bdfd

  1. 进入项目根目录执行 cd android , 在执行 gradlew -q app:dependencies 命令(在cmd状态下)
  2. react-native 之android 配置gif图片的使用----------小白的天堂
  3. 看一下我们刚添加的依赖是1.0.1版本,而下边有提示需要我们升到1.3.0版本,ok,那按着要求改版本吧运行项目后果然成功了!!

那么问题来了,这个1.3.0版本上从哪里来的呢,看网上好多都是改0.13.0版本,别急,接着往下看:

react-native 之android 配置gif图片的使用----------小白的天堂

 

在我之前引的依赖中已经有了fresco的依赖,1.3.0也是从这里来的

那么问题就解决了!

 

欢迎大家留言交流!感觉文章还可以记得订阅一下,本人会不定期更新react-native中遇到的一些问题。