animation - 如何使用 Flutter 更改导航动画

Question

在 Flutter 中导航到/从页面时，有什么方法可以更改默认动画？

标签： animationflutternavigation

Answer 1

您可以使用PageRouteBuilder.

以下示例显示FadeTransition当您导航到第二个屏幕时。

Navigator.push(
  context,
  PageRouteBuilder(
    pageBuilder: (c, a1, a2) => Page2(),
    transitionsBuilder: (c, anim, a2, child) => FadeTransition(opacity: anim, child: child),
    transitionDuration: Duration(milliseconds: 2000),
  ),
);