React Native 炫酷的动画库 实现任何AE动画 lottie-react-native
2024-08-28 21:05:25
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
最新文章
- jdk安装问题--javac不是外部命令
- 下一代USB接口将支持双向拔插,于明年亮相
- Delphi Excel 操作大全
- Rotate List
- Selenium2学习-009-WebUI自动化实战实例-007-Selenium 8种元素定位实战实例源代码(百度首页搜索录入框及登录链接)
- iOS开发--UIKit控件之UISearchBar(搜索栏)
- TF/IDF计算方法
- UpdatePanel 无刷新弹出窗口
- [leetcode]重建二叉树(先序和终须) 中序遍和后续
- php处理中文字符串
- linux file命令
- ACCESS数据库增强器需求及介绍
- ruby轻松自删除代码
- java安装与配置
- [学习笔记]JS 数组Array push相关问题
- AWS机器学习初探(2):文本翻译Translate、文本转语音Polly、语音转文本Transcribe
- IOS 应用官方接口地址
- java并发:CAS算法和ABA问题
- Git_工作区和暂存区
- Big Number------HDOJ杭电1212(大数运算)
热门文章
- go语言,golang学习笔记4 用beego跑一个web应用
- 基于jquery、bootstrap的数据验证插件bootstrapValidator使用
- [trick] 玩弄svn的目录结构
- 第一节 JavaScript概述
- Eloquent JavaScript #07# Project: A Robot
- thinkphp 检测验证码
- Nginx 容器教程
- 维护keepalived与mysql漂移脚本
- 2018-2019-2 《网络对抗技术》Exp0 Kali安装 Week1 20165211
- 20145212 罗天晨 WEB登陆发贴及会话管理功能的实现