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

最新文章

  1. jdk安装问题--javac不是外部命令
  2. 下一代USB接口将支持双向拔插,于明年亮相
  3. Delphi Excel 操作大全
  4. Rotate List
  5. Selenium2学习-009-WebUI自动化实战实例-007-Selenium 8种元素定位实战实例源代码(百度首页搜索录入框及登录链接)
  6. iOS开发--UIKit控件之UISearchBar(搜索栏)
  7. TF/IDF计算方法
  8. UpdatePanel 无刷新弹出窗口
  9. [leetcode]重建二叉树(先序和终须) 中序遍和后续
  10. php处理中文字符串
  11. linux file命令
  12. ACCESS数据库增强器需求及介绍
  13. ruby轻松自删除代码
  14. java安装与配置
  15. [学习笔记]JS 数组Array push相关问题
  16. AWS机器学习初探(2):文本翻译Translate、文本转语音Polly、语音转文本Transcribe
  17. IOS 应用官方接口地址
  18. java并发:CAS算法和ABA问题
  19. Git_工作区和暂存区
  20. Big Number------HDOJ杭电1212(大数运算)

热门文章

  1. go语言,golang学习笔记4 用beego跑一个web应用
  2. 基于jquery、bootstrap的数据验证插件bootstrapValidator使用
  3. [trick] 玩弄svn的目录结构
  4. 第一节 JavaScript概述
  5. Eloquent JavaScript #07# Project: A Robot
  6. thinkphp 检测验证码
  7. Nginx 容器教程
  8. 维护keepalived与mysql漂移脚本
  9. 2018-2019-2 《网络对抗技术》Exp0 Kali安装 Week1 20165211
  10. 20145212 罗天晨 WEB登陆发贴及会话管理功能的实现