1.0.2 • Published 3 years ago
svgaplayer-react-native v1.0.2
react-native-svgaplayer
安装
$ npm install svgaplayer-react-native
React Naitve <= 5.9
$ react-native link svgaplayer-react-native
Android
添加混淆规则
-keep class com.squareup.wire. { *; } -keep class com.opensource.svgaplayer.proto. { *; }
iOS
在podfile 添加 pod 'SVGAPlayer', '~> 2.3'
属性
url 仅支持网络路径
loops 循环播放次数,0为无限循环
autoPlay 加载完成后是否自动播放
- true(默认) 自动播放
- false
fillMode 播放完成后保留第一帧或最后一帧
- Backward 最后一针
- Forward(默认) 第一帧
clearsAfterStop 播放完成后是否清除画布
- true(默认) 清除
- false
onComplete 加载完成时回调
onError 加载错误时回调
onPause 暂停时回调
onFinished 播放完成时回调(无限循环时不会触发)
onRepeat 重复播放时触发
onStep(frame:string,percentage:number) 播放进度回调返回当前帧与进度
方法
start() 开始播放
pause() 暂停播放
stepToFrame(frame:number,andPlay:boolean) 设置到指定帧数,是否继续播放
stepToPercentage(percentage:number,andPlay:boolean) 设置到指定进度,是否继续播放