Flutter 页面路由动画

Question

如何为现有路线添加动画？

 child: MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Home',
        home: Home(),
        onGenerateInitialRoutes: ,
        routes: {
          SettingsScreen.routeName: (ctx) => SettingsScreen(),
          AboutScreen.routeName: (ctx) => AboutScreen(),
        },

从我目前的搜索来看，看起来我必须实现 onGenerateRoute

这是否意味着我必须删除当前的路线设置？

Answer 1

在此处查看官方文档：https://api.flutter.dev/flutter/material/PageTransitionsTheme-class.html

示例用法：

return MaterialApp(
  title: 'Transitions Page',
  theme: ThemeData(
      pageTransitionsTheme: PageTransitionsTheme(builders: {
    TargetPlatform.iOS: ZoomPageTransitionsBuilder(),
    TargetPlatform.android: CupertinoPageTransitionsBuilder(),
  })),
  home: MyHomePage(title: 'Some page'),
);