React Native 炫酷的動畫庫 實現任何AE動畫 lottie-react-native

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