svgaplayer-react-native

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