LottieView React Native Animation 在第一个循环中闪烁

如何解决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 更新我的软件包来解决我的问题。我实际上还不确定是什么包导致了这种情况，但现在似乎可以工作了。