如何使用交叉淡入淡出动画进行页面视图

Question

我正在使用 交叉淡入淡出动画 制作轮播，我正在使用 AnimatedSwitcher FadeTransition实现这样的效果。效果很好，但我希望轮播 可滑动。我试过 PageView 但我不想要 幻灯片动画 .有人对此有任何解决方案吗？请帮忙。提前致谢。

我目前使用的自定义轮播。

AnimatedSwitcher(
      duration: const Duration(milliseconds: 500),
      transitionBuilder: (Widget child, Animation<double> animation) {
        return FadeTransition(child: child, opacity: animation);
      },
      child: Image.asset(
        imageList[currentIndex.toInt()],
        key: ValueKey<int>(currentIndex),
      ),

Answer 1

如果不想要幻灯片动画，请不要使用PageView。

使用 AnimationSwitcher 坚持您当前的实施。如果你想添加手势支持，用 GestureDetector 包装它并监听 onHorizontalDrag... 或 onVerticalDrag... 事件。

如何使用交叉淡入淡出动画进行页面视图

How to do page view with cross fade animation

dart

flutter

flutter-animation