lottie-react-native
1.npm i --save lottie-react-native
2.react-native link lottie-ios
3.react-native link lottie-react-native
如果找不到文件 Lottie.h文件
Go to General > Embedded Binaries > add Lottie.framework
使用步骤:
1.1.使用Adobe After Effects软件做出特效动画;
1.2.通过bodymovin项目工具把特效动画采用JSON格式文件进行导出;
1.3.用Lottie库进行解析JSON文件并且在移动端上面渲染效果即可。
相关参数:
1. source 导入json文件
2. progress 动画执行的进程
3. speed 动画执行的速度/number
4. loop 动画是否循环执行/boolean
5. autoPlay 是否自动播放/boolean
6. autoSize 是否原始大小/boolean
7. style
8. imageAssetsFolder 安卓需要配置图片资源,ios不要
GitHub 传送门: https://github.com/allenxieyusheng/aeAnimations