深入Flutter路由机制：用动态路由释放无限可能

2023-03-11 21:28:38

导航 Flutter：掌握动态路由的强大功能

探索 Flutter 中的路由机制

Flutter 的 Navigator 类赋予您驾驭应用程序导航的能力，使您能够在页面之间无缝切换。Navigator 可以轻松管理应用程序中的页面路由，为您提供两种主要类型的路由：静态路由和动态路由。

静态路由：可靠且直接

静态路由在编译时就定义好，提供了一种简单的方法来导航到应用程序中固定不变的页面。您可以使用 MaterialPageRoute 创建静态路由，例如：

// 定义静态路由
static Route<dynamic> _staticRoute(BuildContext context) {
  return MaterialPageRoute(builder: (context) => MyPage());
}

然后，在 MaterialApp 中注册静态路由：

// 注册静态路由
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      routes: {
        '/my-page': _staticRoute,
      },
    );
  }
}

动态路由：灵活且强大

动态路由在运行时创建，使您可以创建更灵活和动态的导航体验。您可以根据应用程序状态或用户操作动态地构建页面，例如：

// 定义动态路由
Route<dynamic> _dynamicRoute(RouteSettings settings) {
  // 根据路由设置动态构建页面
  return MaterialPageRoute(builder: (context) => MyPage(settings.arguments));
}

在 MaterialApp 中注册动态路由：

// 注册动态路由
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      onGenerateRoute: (RouteSettings settings) {
        // 根据路由设置动态生成路由
        return _dynamicRoute(settings);
      },
    );
  }
}