如何解决LottieView React Native Animation 在第一个循环中闪烁
我刚刚为我的 React Native 项目设置了一个新的 Lottie 视图动画作为启动画面,但在动画的初始循环中,它会闪烁,但之后的任何时候都很好。
import React,{ Component } from 'react';
import LottieView from 'lottie-react-native';
export default class LottieSplash extends Component {
constructor(props) {
super(props);
}
render() {
return (
<LottieView
style={{ height: 180,width: 180 }}
source={require('../../assets/splash.json')}
autoPlay
loop={false}
onAnimationFinish={this.props.onAnimationFinish}
/>
);
}
}
我只希望动画播放一次,然后在不同的屏幕上运行 navigation.navigate()
。因此,如果播放一次,它会闪烁,但如果我将 loop={false}
更改为仅 loop
,那么第一次播放会闪烁,之后的任何时间都可以。但是我不希望它循环,因为我想在动画播放完毕后重定向。
这是它的外观streamable link。
解决方法
我设法通过 npm update
更新我的软件包来解决我的问题。我实际上还不确定是什么包导致了这种情况,但现在似乎可以工作了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。