Animated.spring完成事件

Question

我试图弄清楚Animated.spring事件何时完成，以便我可以更新一些状态。

我已经尝试过了，但是在这里完成抛出未定义的错误；

         Animated.spring(
            this.state.pan,
            { toValue: { x: 0, y: -500 } }
          ).start().finish(
            this.setState({
              carousel: false, hasNotification: false
            })
          );

还有其他方法可以解决吗？

谢谢

Answer 1

根据文档

start完成动画时将调用完成回调。 如果动画由于完成正常运行而完成，则将使用{finished：true}调用完成回调，但是如果动画完成是由于在完成之前对其调用了stop（例如，由于手势或另一个动画），则它将收到{finished：false}。

所以我认为这应该工作：

Animated.spring(this.state.pan, { toValue: { x: 0, y: -500 } }).start(()=>{
        this.setState({
          carousel: false, hasNotification: false
        })
      });

Answer 2

您可以传递一个可选的回调：

Animated.spring(
            this.state.pan,
            { toValue: { x: 0, y: -500 } }
          ).start(this.stopAnimation.bind(this))

stopAnimation()
{
  this.setState({
      carousel: false, hasNotification: false
  })
}