dart - Flutter Navigator.pushNamed() 自定义路由动画

Question

我想用我的 CustomPageRoute在 Navigator.pushNamed()但我找不到使用它的方法。

但是，我可以通过以下方式使用它

Navigator.push(context, CustomPageRoute(builder: (context) => MyPage()));

这是我的路线:

"/page": (context) => MyPage(), // Can I use CustomPageRoute here, if yes then how?

Answer 1

最近我遇到了同样的问题，用 onGeneratePageRoute“修复”了它。钩。

IE。创建一个动态生成路由的方法:

  static Route<dynamic> _onGenerateRoute(RouteSettings settings) {
    switch (settings.name) {
      case '/onboarding':
        return MyCustomPageRoute(builder: (context) => OnboardingScreen(), settings: settings);
    }
    throw UnsupportedError('Unknown route: ${settings.name}');
  }

并将其设置为 onGenerateRoute在您的 MaterialApp

onGenerateRoute: _onGenerateRoute,

看起来您可能已经根据之前的评论发现了这一点，但我认为我会让像我这样偶然发现这篇文章的人更容易!

注:确保路由名称(在本例中为 /onboarding )未定义并设置为 routes在您的 MaterialApp因为它只会触发您的 onGenerateRoute如果它不能从你的正常路线解决。