React Native Lottie：无法读取未定义的 属性 'play'

Question

我正在使用 Lottie 命令 API 来显示循环动画。 命令式 API 适用于我的所有组件，但使用 React Native Sound 的组件除外。我假设问题是两个库都是用 .play() 调用的。这可能吗？

洛蒂：this.animation.play(); 反应本机声音：this.sound.play()

调用 Lottie 方法后，我收到错误消息：

Cannot read property 'play' of undefined

有什么想法吗？

提前致谢。

Answer 1

我终于明白了。 React Native Sound 当然不是问题 - 它可能只是延迟了 Lottie 的初始化，因此 animation 在我调用它时仍然未定义。

解决方案是建立一个计时器，并且已经在这个线程中提出：https://github.com/airbnb/lottie-react-native/issues/21

  componentDidMount() {
      this.initAnimation();
  }

  initAnimation(){
    if (!this.animation){
      setTimeout(() => {
        this.initAnimation();
      }, 100);
    } else {
        this.animation.play();
    }
  }