Flutter AnimatedSwitcher：使切换动画向前驱动而不是反向

Question

我有一个带有自定义过渡生成器的动画切换器：

AnimatedSwitcher(
  transitionBuilder: (child, anim) {
    return RotationTransition(
      turns: anim,
      child: FadeTransition(
        opacity: anim,
        child: child,
      ),
    );
  }

我希望两个孩子都朝同一方向旋转，无论孩子的动画是进还是出。但此刻，一个孩子向一侧旋转，另一个孩子向另一侧旋转。

如何让切换动画和切换动画都向前行驶？但仅适用于 RotationTransition，不适用于 FadeTransition。

Answer 1

我刚刚遇到了同样的问题并找到了答案。

您可以通过将reverseDuration设置为零来实现这一点。使用您的代码作为基础，它会是这样的：

AnimatedSwitcher(
  duration: const Duration(milliseconds: 300),
  reverseDuration: const Duration(milliseconds: 0),
  transitionBuilder: (child, anim) {
    return RotationTransition(
      turns: anim,
      child: FadeTransition(
        opacity: anim,
        child: child,
      ),
    );
  }
)