lottie-react-native动画无法播放的解决方法

当前使用的版本号:
 "lottie-ios": "^3.1.8",
 "lottie-react-native": "^3.5.0"
 
遇到的情况:
1.动画在手机上无法播放,官网上可以播放;
2.动画资源切换之后,动画无法执行; 
3.android、iOS平台差异,在android可以播放,iOS平台无法播放;
4.三星某手机,动画无法播放;(之前一直动画可以执行,某天突然无法执行了,手机恢复出厂设置又好了..)


针对以上四种情况:
 使用方法:

<LottieView
	ref={animation => {this.animation = animation}}
	style={styles.lottieStyle}
	source={require('./animation/lottie.json')}
	loop={true}
	autoPlay={true}
	enableMergePathsAndroidForKitKatAndAbove/>
	// 将动画重置
    this.animation && this.animation.reset();
	
	// TODO 切换动画资源
	// do something
	
	this.setTimer && clearTimeout(this.setTimer);
	// 主要针对情况3,iOS平台切换资源之后,无法播放的问题,无此情况可不延迟
	this.setTimer = setTimeout(()=>{
		this.animation && this.animation.play();  // 开始播放动画
	},5);

以上即为本人使用lottie遇到的一些情况,希望有所帮助,记得点赞三连~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值