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) 设置到指定进度，是否继续播放