如何在并行调用中为每个动画提供回调

Posted 2021-05-05

开始方法需要在完成动画后运行回调。但是，如果我在Parallel调用中有多个动画，并且每个动画执行的时间不同，那么在外部Animated.Parallel（）调用中有一个start（）调用，如何为其中的每个动画提供单独的回调？

Animated.parallel([
  Animated.timing(
    this.pos,
    {
      toValue: { x: 146, y: 10 },
      duration: 1500,
      easing: Easing.ease
    }
  ),  // I want to run a different callback here
  Animated.timing(
    this.pos2,
    {
      toValue: { x: 146, y: 10 },
      duration: 2500,
      easing: Easing.quad
    }
  ),   //  ...and here
]).start(function () {
   // code for execution after both animations are finished.
});

答案

我通过在并行调用中使用序列来实现了想要的目标。