flutter :动画过渡到命名路线

Question

当我使用 Navigator.pushNamed(context, "/someRoute"); ，有一个从屏幕底部滑入新路线的最小动画(在 Android 上，在 iOS 上可能看起来不同)。

如何向此过渡添加自定义动画？

我找到了 this article ，其中有一些非常简洁的示例代码 未命名 路线。他们实现了自己的类，该类继承自 PageRouteBuilder并且可以这样使用:Navigator.push(context, SlideRightRoute(page: Screen2())) .但是一个PageRouteBuilder不是 Widget 并且不能在 MaterialApp 中注册为路由.所以我不知道如何将它应用于命名路由。

Answer 1

您需要使用 onGenerateRoute在您的 MaterialApp 小部件。

onGenerateRoute: (settings) {
  if (settings.name == "/someRoute") {
    return PageRouteBuilder(
      settings: settings, // Pass this to make popUntil(), pushNamedAndRemoveUntil(), works
      pageBuilder: (_, __, ___) => SomePage(),
      transitionsBuilder: (_, a, __, c) => FadeTransition(opacity: a, child: c)
    );
  }
  // Unknown route
  return MaterialPageRoute(builder: (_) => UnknownPage());
},