android - 命名路线的动画

Question

在 Flutter 中，我们可以通过扩展 PageRoute(或使用扩展它的类)来自定义 View 更改动画。

例如，我通过使用 CupertinoPageRoute 在我的 MaterialApplication 中将动画更改为“滑动”:

Navigator.of(context).pushReplacement(
  CupertinoPageRoute(builder: (context) => Calendar()),
);

现在我想通过使用 main.dart 文件中定义的命名 View 来更改它:

return MaterialApp(
  title: 'Demo',
  theme: myTheme, // => Theme.of(context).copyWith(...)
  initialRoute: '/',
  routes: {
    '/': (context) => Login(),
    '/calendar': (context) => Calendar(),
  }
);

这样我就可以调用

Navigator.of(context).pushReplacementNamed('/calendar');

哪个 IMO 更清晰且与 View 无关。

这种方法的问题是我无法定义 PageRoute，因此我无法自定义 View 更改动画。

有办法吗？

Answer 1

我采纳了 chemolins 的建议并以类似的方式解决了它，但使用了 map 。

我“提取”了 routes 对象并将其放在 MaterialApp 之外:

var routes = {
  '/': (context) => Login(),
  '/calendar': (context) => Calendar()
};

然后我在 onGenerateRoute 中使用它:

Widget build(BuildContext context) {
  var routes = {
    '/': (context) => Login(),
    '/calendar': (context) => Calendar()
  };

  return MaterialApp(
    title: 'Demo',
    theme: myTheme,
    initialRoute: '/',
    onGenerateRoute: (settings) {
      return CupertinoPageRoute(builder: (context) => routes[settings.name](context));
    }
  );
}