SVGAPlayer
Version
1.2.3
首个 SVGAPlayer - React Native 官方支持版本
使用
import SVGAPlayer from 'svgaplayer';
...
render() {
return (
<SVGAPlayer style={
{width: 200, height: 200}} source="http://yourserver/xxx.svga" />
)
}
参数
- source: String - SVGA 动画文件的路径,可以是 URL,或是本地 NSBundle.mainBundle / assets 文件
- loops: Int - 默认值为 0,用于指定动画循环次数,0 = 无限循环
- clearsAfterStop: Boolean - 默认值为 true,动画播放完成后,是否清空画布
- currentState: String - 用于控制 SVGA 播放状态,可设定以下值 >>> ‘start’ = 从头开始播放; ‘pause’ = 从当前位置暂停播放; ‘stop’ = ‘停止播放’; ‘clear’ = ‘停止播放并清空画布’;
- toFrame:Int - 控制当前动画停靠在某帧,如果 currentState 值为 ‘play’,则跳到该帧后继续播放动画
- toPercentage:Float - 控制