react-native - 如何在 react-native-reanimated 2 中制作系列/并行动画？

Question

我正在寻找react-native的等价Animated.sequence物。Animated.parallel到目前为止，从 v2 的文档来看，我只能看到只withSequence改变 on value 的值的函数，因此只能看到一个串联组件的样式。

我一直在寻找的是在两个不同的组件中触发动画，串联或并联。对于并行，似乎一个接一个地改变语句中的值。如我错了请纠正我。

  // these will run in parallel
  val1Shared.value = withTiming(50);
  val2Shared.value = withTiming(100);

但是对于系列，我需要将每个动画都放在一个 useTiming 回调中。这导致了一种回调地狱。

  val1Shared.value = withTiming(50, undefined, () => {
    val2Shared.value = withTiming(100);
  });

请帮助您通过 reanimated 2 实现这一目标的最佳实践。谢谢。