react native由0.56升级到0.61.5版本之后,关于加载gif图片资源出现的问题:


1.同一个Image组件 或者 不同的Image组件在同一位置 在iOS上加载资源,先加载gif,再替换成加载静态图片,UI显示依然为gif的问题:
由于在未升级之前,未出现此问题,但升级之后在iOS平台发现无法正常的由gif资源替换到静态图片。经过多次测试验证,确认代码逻辑无误,使用Image组件就会出现gif图片始终占位在原处,最后只能采取另外一种方式:使用Image组件加载gif资源,当切换到另外一种状态时,原位替换为ImageBackground组件加载静态图即可解决。


2.rn升级以后,android平台的gif图片资源无法自动加载的问题:
原先android build.gradle文件 引入facebook的版本是: 
 implementation 'com.facebook.fresco:animated-gif:0.13.0'
但在新版本的rn中无法正常使用,

解决方法:修改facebook的gif版本如下:
 implementation 'com.facebook.fresco:animated-gif:2.2.0'

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐