lottie-react-native v5.1.3 踩坑

689 阅读1分钟

因为需要控制动画的播放暂停、跳帧。所以项目使用了lottie。

以下为在使用lottie-react-native v5.1.3 出现的坑

一、 安装lottie-ios@3.4.0 依赖时报错报错

执行pod intsall时会报错,错误信息为

image.png

cocospod不能找到可兼容的lottie-ios的版本

这是插件的问题,目前作者还没解决。可能下个版本还未修复。

解决办法有两个

1、降低lottie-ios的版本为3.2.3 问题暂时得到解决

2、 修改node_modules/lottie-react-native/lottie-react-native.podspec

   //del
    s.dependency 'lottie-ios', '~> 3.2.3'
   //add
    s.dependency 'lottie-ios', '~> 3.4.0'
    

以上两个办法能解决这个问题,第二个方法请配个patch-package 使用

二、动画无法播放

ui 基于AE lottie导出的插件可能是无法使用,或者兼容性存在问题的。检查方法为将导出的json文件上传到

lottiefiles.com/

这个网站上测试一下,看下是否正常、避免反复折腾。

转载禁止!谢谢