1.1 移动端路由简介

移动端运用开发中，路由技能是一个十分重要的组成部分。路由技能担任办理运用中各个页面之间的跳转、导航以及参数传递等要害功用。在移动端运用中，一个高效、易于保护的路由体系关于进步开发效率和用户体会具有重要意义。

1.2 本文内容导航

本文将对 Flutter 移动端运用开发中的路由技能进行具体解说，内容涵盖以下几个方面：

• Flutter 路由基础知识，包括中心概念、根本操作以及传参等；
• 命名路由与动态路由的界说、运用以及比照；
• go_router 模块的介绍，包括装置、装备、界说和注册路由等；
• 运用 go_router 完成页面导航、处理深度链接、重定向等高档功用；
• 路由护卫与路由过渡动画的完成；
• 经过实战案例，展现怎么运用 go_router 构建一个完整的移动端运用。

经过学习本文，能够把握 Flutter 路由技能的根本原理和实践办法，为开发高质量的移动端运用奠定坚实基础。

2. Flutter 路由基础

3.1 命名路由的界说与运用

在本节中，咱们将介绍怎么在 Flutter 运用中界说和运用命名路由（静态路由）。咱们将依照原理、用法和代码示例的次序，别离解说这些操作的具体内容。

3.1.1 命名路由的界说

命名路由是指为每个路由分配一个称号，以便在进行页面跳转时运用称号来引证路由。在 Flutter 中，咱们能够在MaterialApp或CupertinoApp的routes特点中界说命名路由。

以下是一个具体的代码示例：

MaterialApp(
  initialRoute: '/',
  routes: {
    '/': (context) => HomePage(),
    '/new': (context) => NewPage(),
  },
);

3.1.2 运用命名路由进行页面跳转

运用命名路由进行页面跳转是指在跳转到新页面时，经过路由称号来引证新页面。在 Flutter 中，咱们能够运用Navigator.pushNamed办法进行页面跳转，传入BuildContext和路由称号作为参数。

以下是一个具体的代码示例：

// 运用Navigator.pushNamed办法跳转到新页面
Navigator.of(context).pushNamed('/new');

3.1.3 运用命名路由进行页面回来

运用命名路由进行页面回来是指在回来上一个页面时，经过路由称号来引证上一个页面。在 Flutter 中，咱们能够运用Navigator.popAndPushNamed办法进行页面回来，传入BuildContext和路由称号作为参数。

以下是一个具体的代码示例：

// 运用Navigator.popAndPushNamed办法回来上一个页面
Navigator.of(context).popAndPushNamed('/');

3.1.4 运用命名路由进行页面替换

运用命名路由进行页面替换是指在替换栈顶的页面时，经过路由称号来引证新页面。在 Flutter 中，咱们能够运用Navigator.pushReplacementNamed办法进行页面替换，传入BuildContext和路由称号作为参数。

以下是一个具体的代码示例：

// 运用Navigator.pushReplacementNamed办法替换栈顶的页面
Navigator.of(context).pushReplacementNamed('/new');

3.1.5 小结

本节具体解说了命名路由（静态路由）的界说与运用，包括命名路由的界说、运用命名路由进行页面跳转、页面回来和页面替换等。经过了解这些操作的原理、用法和代码示例，您能够更好地了解和运用 Flutter 中的命名路由（静态路由）。在接下来的章节中，咱们将持续深化解说 Flutter 路由的其他知识点，包括动态路由的界说与运用。

3.2 动态路由的界说与运用

在本节中，咱们将介绍怎么在 Flutter 运用中界说和运用动态路由。咱们将依照原理、用法和代码示例的次序，别离解说这些操作的具体内容。

3.2.1 动态路由的界说

动态路由是指在进行页面跳转时，依据传入的参数生成路由。与命名路由比较，动态路由愈加灵敏，能够依据需求生成不同的路由。在 Flutter 中，咱们能够经过MaterialApp或CupertinoApp的onGenerateRoute特点来界说动态路由。

以下是一个具体的代码示例：

MaterialApp(
  initialRoute: '/',
  onGenerateRoute: (settings) {
    switch (settings.name) {
      case '/':
        return MaterialPageRoute(builder: (context) => HomePage());
      case '/new':
        final String data = settings.arguments as String;
        return MaterialPageRoute(builder: (context) => NewPage(data: data));
      default:
        return MaterialPageRoute(builder: (context) => NotFoundPage());
    }
  },
);

3.2.2 运用动态路由进行页面跳转

运用动态路由进行页面跳转是指在跳转到新页面时，经过传递参数来生成新页面的路由。在 Flutter 中，咱们能够运用Navigator.pushNamed办法进行页面跳转，传入BuildContext、路由称号和参数作为参数。

以下是一个具体的代码示例：

// 运用Navigator.pushNamed办法跳转到新页面，并传递参数
Navigator.of(context).pushNamed('/new', arguments: 'Hello, Flutter!');

3.2.3 运用动态路由进行页面回来

运用动态路由进行页面回来是指在回来上一个页面时，经过传递参数来生成上一个页面的路由。在 Flutter 中，咱们能够运用Navigator.popAndPushNamed办法进行页面回来，传入BuildContext、路由称号和参数作为参数。

以下是一个具体的代码示例：

// 运用Navigator.popAndPushNamed办法回来上一个页面，并传递参数
Navigator.of(context).popAndPushNamed('/', arguments: 'Hello, Flutter!');

3.2.4 运用动态路由进行页面替换

运用动态路由进行页面替换是指在替换栈顶的页面时，经过传递参数来生成新页面的路由。在 Flutter 中，咱们能够运用Navigator.pushReplacementNamed办法进行页面替换，传入BuildContext、路由称号和参数作为参数。

以下是一个具体的代码示例：

// 运用Navigator.pushReplacementNamed办法替换栈顶的页面，并传递参数
Navigator.of(context).pushReplacementNamed('/new', arguments: 'Hello, Flutter!');

3.1.5 小结

本节具体解说了动态路由的界说与运用，包括动态路由的界说、运用动态路由进行页面跳转、页面回来和页面替换等。经过了解这些操作的原理、用法和代码示例，您能够更好地了解和运用 Flutter 中的动态路由。在接下来的章节中，咱们将持续深化解说 Flutter 路由的其他知识点，以帮助您更好地把握 Flutter 路由的运用办法。

3.3 命名路由 与 动态路由 的比较

在本节中，咱们将比照命名路由和动态路由的特点，以及它们各自适用的场景。经过比照分析，您将更好地了解这两种路由办法的差异，然后在实践项目中挑选更合适的路由办法。

3.3.1 命名路由与动态路由的比照

下面是命名路由和动态路由的比照：

1. 界说办法：命名路由经过MaterialApp或CupertinoApp的routes特点界说，而动态路由经过onGenerateRoute特点界说。
2. 参数传递：命名路由在进行页面跳转时，需求将参数界说在路由称号中，而动态路由能够经过arguments特点直接传递参数。
3. 灵敏性：动态路由比较于命名路由愈加灵敏，由于它能够依据传入的参数动态生成路由，而命名路由需求预先界说好一切的路由称号。
4. 易用性：关于简略的页面跳转，命名路由愈加易用，由于它只需求预先界说好路由称号即可。然而，在需求依据参数动态生成路由的场景下，动态路由愈加便利。

3.3.2 适用场景

下面是命名路由和动态路由各自适用的场景：

1. 命名路由：适用于简略的页面跳转，无需依据参数动态生成路由的场景。例如，从主页跳转到关于页面，或从商品列表页跳转到商品详情页等。
2. 动态路由：适用于需求依据参数动态生成路由的场景。例如，从用户列表页跳转到用户详情页时，需求依据用户ID生成不同的用户详情页面；或许在一个新闻运用中，依据不同的新闻类别生成不同的新闻列表页面等。

3.3.3 小结

本节经过比照命名路由和动态路由的特点，以及它们各自适用的场景，帮助您更好地了解这两种路由办法的差异。在实践项目中，您能够依据具体需求挑选合适的路由办法。总的来说，关于简略的页面跳转，命名路由愈加易用；而在需求依据参数动态生成路由的场景下，动态路由愈加便利。

在接下来的章节中，咱们将持续深化解说 Flutter 路由的其他知识点，以帮助您更好地把握 Flutter 路由的运用办法。

4. go_router 模块介绍

5.1 依据URL的导航

在本节中，咱们将介绍怎么运用go_router模块完成依据URL的页面导航。经过以下过程，您能够在您的 Flutter 项目中运用go_router模块进行页面跳转和参数传递。

5.1.1 页面跳转

运用go_router模块进行页面跳转十分简略。您只需调用GoRouter方针的go办法，并传入当时的BuildContext和方针页面的URL。以下是一个页面跳转的示例：

goRouter.go(context, '/details/123');

在此示例中，咱们跳转到了/details/123途径对应的页面。

5.1.2 传递参数

go_router模块答应您经过URL直接传递参数给方针页面。在界说路由时，您能够在途径中增加动态参数，如/details/:id。然后，在页面跳转时，将参数值直接填充到途径中，如/details/123。

在方针页面的pageBuilder办法中，您能够经过GoRouterState方针的params特点获取传递的参数值。以下是一个获取参数值的示例：

final id = state.params['id'];

5.1.3 运用命名路由

如前文所述，您能够为路由增加称号，以便更便利地进行页面跳转。在为路由增加了称号后，您能够运用GoRouter方针的goNamed办法来跳转到指定页面，并传递参数：

goRouter.goNamed(context, 'details', params: {'id': '123'});

在此示例中，咱们跳转到了称号为details的路由对应的页面，并传递了一个id参数。

5.1.4 小结

本节介绍了怎么运用 go_router 模块完成依据 URL 的页面导航。经过调用GoRouter方针的go或goNamed办法，您能够在您的 Flutter 项目中轻松地进行页面跳转和参数传递。在接下来的章节中，咱们将持续深化解说 go_router 模块的运用办法，包括怎么运用路由护卫、处理页面过渡动画等。

5.2 运用GoRouter类进行导航

在本节中，咱们将介绍怎么运用GoRouter类供给的办法进行页面导航。GoRouter类供给了一系列便捷的办法，使得在 Flutter 项目中进行页面跳转和参数传递变得愈加简略。

5.2.1 运用 go 办法进行导航

GoRouter类的go办法答应您经过URL进行页面导航。您只需传入当时的BuildContext和方针页面的URL即可。以下是一个运用go办法进行页面跳转的示例：

goRouter.go(context, '/details/123');

在此示例中，咱们跳转到了/details/123途径对应的页面。

5.2.2 运用 goNamed 办法进行导航

GoRouter类的goNamed办法答应您经过路由称号进行页面导航。您需求传入当时的BuildContext、方针页面的路由称号以及一个可选的参数映射。以下是一个运用goNamed办法进行页面跳转的示例：

goRouter.goNamed(context, 'details', params: {'id': '123'});

在此示例中，咱们跳转到了称号为details的路由对应的页面，并传递了一个id参数。

5.2.3 运用 goBack 办法回来上一页

GoRouter类的goBack办法答应您回来上一页。您只需传入当时的BuildContext即可。以下是一个运用goBack办法回来上一页的示例：

goRouter.goBack(context);

5.2.4 运用 goTo 办法跳转到指定页面

GoRouter类的goTo办法答应您跳转到指定页面。您需求传入当时的BuildContext、一个GoRouteMatch方针以及一个可选的参数映射。以下是一个运用goTo办法跳转到指定页面的示例：

final match = goRouter.match('/details/123');
goRouter.goTo(context, match, params: {'id': '123'});

在此示例中，咱们首要运用match办法获取与URL对应的GoRouteMatch方针，然后运用goTo办法跳转到指定页面，并传递了一个id参数。

5.2.5 小结

本节介绍了怎么运用GoRouter类进行页面导航。经过调用GoRouter类的go、goNamed、goBack和goTo办法，您能够在您的 Flutter 项目中轻松地进行页面跳转和参数传递。在接下来的章节中，咱们将持续深化解说go_router模块的运用办法，包括怎么运用路由护卫、处理页面过渡动画等。

5.3 页面间传参加接纳参数

在运用go_router进行页面导航时，您可能需求在页面间传递参数。本节将介绍怎么在运用go_router进行页面跳转时传递参数，并在方针页面中接纳这些参数。

5.3.1 在页面跳转时传递参数

要在页面跳转时传递参数，您能够在URL中直接增加动态参数，或许运用命名路由时经过params参数传递。以下是两种传递参数的示例：

经过URL传递参数：

goRouter.go(context, '/details/123');

在此示例中，咱们将123作为参数传递给了/details/123途径对应的页面。

经过命名路由传递参数：

goRouter.goNamed(context, 'details', params: {'id': '123'});

在此示例中，咱们运用命名路由跳转到details页面，并经过params参数传递了一个id参数。

5.3.2 在方针页面接纳参数

要在方针页面接纳参数，您能够在pageBuilder办法中经过GoRouterState方针的params特点获取传递的参数值。以下是一个在方针页面接纳参数的示例：

final id = state.params['id'];

在此示例中，咱们从state.params中获取了名为id的参数值。

5.3.3 运用类型安全的办法传递参数

为了防止在传递参数时呈现类型过错，您能够运用GoRoute的paramsBuilder特点界说一个类型安全的参数构建器。以下是一个界说类型安全参数构建器的示例：

GoRoute(
  path: '/details/:id',
  pageBuilder: (context, state) {
    final id = state.params['id'];
    return MaterialPage(child: DetailsPage(id: id));
  },
  paramsBuilder: (params) {
    final id = params['id'];
    if (id == null) throw Exception('id is required');
    return {'id': int.parse(id)};
  },
)

在此示例中，咱们为GoRoute界说了一个paramsBuilder，它将id参数从字符串转换为整数。这样，在pageBuilder中，咱们能够直接运用类型安全的id参数。

5.3.5 小结

本节介绍了怎么在运用go_router进行页面导航时传递参数以及在方针页面中接纳这些参数。经过在URL中增加动态参数或许运用命名路由时传递params参数，您能够轻松地在页面间传递参数。一起，您还能够运用GoRoute的paramsBuilder特点界说类型安全的参数构建器，以防止在传递参数时呈现类型过错。在接下来的章节中，咱们将持续深化解说go_router模块的运用办法，包括怎么运用路由护卫、处理页面过渡动画等。

6. 处理深度链接与重定向

dependencies:
  uni_links: ^0.5.1

import 'package:uni_links/uni_links.dart';
void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  // 监听深度链接事情
  StreamSubscription _sub = getUriLinksStream().listen((Uri uri) {
    // 处理深度链接
    print('Received deep link: $uri');
  }, onError: (Object err) {
    print('Failed to handle deep link: $err');
  });
  runApp(MyApp());
}

final goRouter = GoRouter(
  routes: [
    GoRoute(
      path: '/',
      pageBuilder: (context, state) => MaterialPage(child: HomePage()),
    ),
    GoRoute(
      path: '/details/:id',
      pageBuilder: (context, state) {
        final id = state.params['id'];
        return MaterialPage(child: DetailsPage(id: id));
      },
    ),
  ],
  redirect: (state) {
    // 从深度链接中获取参数
    final uri = Uri.parse(state.location);
    // 依据深度链接的URL映射到运用内的页面
    if (uri.path == '/details') {
      final id = uri.queryParameters['id'];
      return '/details/$id';
    }
  },
);

dependencies:
  uni_links: ^0.5.1

import 'package:uni_links/uni_links.dart';
void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  // 监听深度链接事情
  StreamSubscription _sub = getUriLinksStream().listen((Uri uri) {
    // 处理深度链接
    print('Received deep link: $uri');
  }, onError: (Object err) {
    print('Failed to handle deep link: $err');
  });
  runApp(MyApp());
}

final goRouter = GoRouter(
  routes: [
    GoRoute(
      path: '/',
      pageBuilder: (context, state) => MaterialPage(child: HomePage()),
    ),
    GoRoute(
      path: '/details/:id',
      pageBuilder: (context, state) {
        final id = state.params['id'];
        return MaterialPage(child: DetailsPage(id: id));
      },
    ),
  ],
);

final goRouter = GoRouter(
  routes: [
    // ...路由界说...
  ],
  redirect: (state) {
    // 从深度链接中获取参数
    final uri = Uri.parse(state.location);
    // 依据深度链接的URL映射到运用内的页面
    if (uri.path == '/details') {
      final id = uri.queryParameters['id'];
      return '/details/$id';
    }
  },
);

void _onDetailsButtonPressed(BuildContext context) {
  final goRouter = GoRouter.of(context);
  goRouter.go('/details/42');
}

final goRouter = GoRouter(
  routes: [
    // ...路由界说...
  ],
  redirect: (state) {
    if (state.location == '/old') {
      return '/new';
    }
  },
);

final goRouter = GoRouter(
  routes: [
    // ...路由界说...
  ],
  redirect: (state) {
    // 查看用户是否具有拜访权限
    bool hasPermission = checkUserPermission();
    if (state.location == '/protected' && !hasPermission) {
      return '/login';
    }
  },
);

bool checkUserPermission() {
  // 获取登录状况
  final SharedPreferences prefs = await SharedPreferences.getInstance();
  final isLoggedIn = prefs.getBool('is_logged_in') ?? false;
  // 假如未登录，则没有拜访权限
  if (!isLoggedIn) {
    return false;
  }
  // 获取用户人物
  final userRole = prefs.getString('user_role') ?? '';
  // 针对具体情况判别用户是否有权拜访受保护页面
  // 示例：只答应具有 'admin' 人物的用户拜访
  if (userRole == 'admin') {
    return true;
  } else {
    return false;
  }
}

flutter pub add shared_preferences

import 'package:shared_preferences/shared_preferences.dart';

Future<void> saveLoginStatus(bool isLoggedIn) async {
  final SharedPreferences prefs = await SharedPreferences.getInstance();
  prefs.setBool('is_logged_in', isLoggedIn);
}

Future<bool> getLoginStatus() async {
  final SharedPreferences prefs = await SharedPreferences.getInstance();
  final isLoggedIn = prefs.getBool('is_logged_in') ?? false;
  return isLoggedIn;
}

flutter pub add dio

import 'package:dio/dio.dart';

Future<bool> checkUserPermission() async {
  // 创立 Dio 实例
  Dio dio = Dio();
  try {
    // 向服务器建议恳求获取用户权限数据，以下URL地址仅作示例，请依据您的实践API地址进行修改
    final response = await dio.get("https://your-server.com/api/user_permission");
    // 提取用户人物
    String userRole = response.data["role"];
    // 依据恳求数据判别用户是否具有办理员权限
    if (userRole == "admin") {
      return true;
    } else {
      return false;
    }
  } catch (e) {
    // 假如恳求失败，回来false表明没有拜访权限
    return false;
  }
}

final goRouter = GoRouter(
  routes: [
    // ...路由界说...
  ],
  redirect: (state) {
    // 获取设备类型
    final deviceType = getDeviceType();
    if (state.location == '/tablet' && deviceType != 'tablet') {
      return '/mobile';
    }
  },
);

// 路由护卫函数
Future<bool> authGuard(BuildContext context, GoRouterState state) async {
  // 查看用户是否具有拜访权限
  bool hasPermission = await checkUserPermission();
  if (!hasPermission) {
    // 假如没有权限，重定向到登录页面
    GoRouter.of(context).go('/login');
    return false;
  }
  return true;
}
final goRouter = GoRouter(
  routes: [
    GoRoute(
      path: '/protected',
      pageBuilder: (context, state) {
        return MaterialPage(child: ProtectedPage());
      },
      guards: [authGuard],
    ),
    // ...其他路由界说...
  ],
);

Future<bool> authGuard(BuildContext context, GoRouterState state) async {
  // 查看用户是否已登录
  bool isLoggedIn = await checkUserLoggedIn();
  if (!isLoggedIn) {
    // 假如用户未登录，重定向到登录页面
    GoRouter.of(context).go('/login');
    return false;
  }
  return true;
}

final goRouter = GoRouter(
  routes: [
    GoRoute(
      path: '/protected',
      pageBuilder: (context, state) {
        return MaterialPage(child: ProtectedPage());
      },
      guards: [authGuard],
    ),
    // ...其他路由界说...
  ],
);

Future<bool> loadDataGuard(BuildContext context, GoRouterState state) async {
  // 加载所需的数据
  await loadData();
  return true;
}

final goRouter = GoRouter(
  routes: [
    GoRoute(
      path: '/data',
      pageBuilder: (context, state) {
        return MaterialPage(child: DataPage());
      },
      guards: [loadDataGuard],
    ),
    // ...其他路由界说...
  ],
);

final goRouter = GoRouter(
  routes: [
    GoRoute(
      path: '/fade',
      pageBuilder: (context, state) {
        return CustomTransitionPage(
          transitionsBuilder: (context, animation, secondaryAnimation, child) {
            return FadeTransition(
              opacity: animation,
              child: child,
            );
          },
          child: FadePage(),
        );
      },
    ),
    // ...其他路由界说...
  ],
);

final goRouter = GoRouter(
  routes: [
    GoRoute(
      path: '/scale',
      pageBuilder: (context, state) {
        return CustomTransitionPage(
          transitionsBuilder: (context, animation, secondaryAnimation, child) {
            return ScaleTransition(
              scale: animation,
              child: child,
            );
          },
          child: ScalePage(),
        );
      },
    ),
    // ...其他路由界说...
  ],
);

final goRouter = GoRouter(
  routes: [
    GoRoute(
      path: '/combined',
      pageBuilder: (context, state) {
        return CustomTransitionPage(
          transitionsBuilder: (context, animation, secondaryAnimation, child) {
            return FadeTransition(
              opacity: animation,
              child: ScaleTransition(
                scale: animation,
                child: child,
              ),
            );
          },
          child: CombinedPage(),
        );
      },
    ),
    // ...其他路由界说...
  ],
);

Route({RouteSettings? settings})

每逢 导航器（Navigator）以某种可能影响道路的办法更新时调用，以指示道路可能也希望重建。

changedInternalState() → void

每逢路由的内部状况改变时调用。

didAdd() → void

将道路增加到导航器后，在 装置 后调用。

didChangeNext(Route? nextRoute) → void

此路由的下一条道路已更改为给定的新路由。

didChangePrevious(Route? previousRoute) → void

此路由的从前路由已更改为给定的新路由。

didComplete(T? result) → void

该路由被弹出或许正被优雅地移除。

didPop(T? result) → bool

弹出此路由的恳求。

• 假如路由能够在内部处理它(例如，由于它有自己的内部状况仓库)，则回来false；
• 否则回来true(经过回来调用super.didPop的值)。回来false将阻挠NavigatorState.pop的默许行为。

didPopNext(Route nextRoute) → void

坐落这条路由上方的给定路由已从导航器中弹（pop）出。

didPush() → TickerFuture

当路由被 push 到导航器上时，在装置后调用。

didReplace(Route? oldRoute) → void

当导航器中的道路替换了另一个路由时，在装置后调用。

dispose() → void

丢掉方针运用的任何资源。

install() → void

当路由刺进导航器时调用。

willPop() → Future

回来当此 Route 是当时路由 (is current) 时调用 Navigator.maybePop 是否应该履行任何操作。

F.2 Flutter Navigator 类 API

导航器会将其 Navigator.pages 转换为一个路由仓库(假如供给的话)。Navigator.pages 中的更改将触发路由仓库的更新。导航器将更新其路由以匹配其Navigator.pages的新装备。要运用此 API，能够创立一个 Page 子类并为 Navigator.pages 界说一个页面列表。还需求 Navigator.onPopPage 回调以在弹出时正确清理输入页面。

默许情况下，导航器将运用 DefaultTransitionDelegate 来决议道路怎么进出屏幕。要自界说它，请界说一个 TransitionDelegate 子类，并将其供给给 Navigator.transitionDelegate。

有关运用pages API的更多信息，请参见 Router 部件。

F.2.1 Navigator 类特点

F.2.2 Navigator 类办法

F.2.2 Navigator 类静态办法

F.3 go_router 模块的 GoRouter 类

【注意】：GoRouter 和 GoRoute 是两个类。

1. GoRouter 类是 go_router 的中心类，担任办理整个运用程序的路由体系。它保护了一个路由装备（RouteConfiguration），办理路由信息的解析（GoRouteInformationParser）和供给（GoRouteInformationProvider），以及操控页面导航和路由状况的变化。GoRouter 类供给了一系列办法来处理路由的导航、增加监听器、刷新路由等操作，如 push、pop、replace、addListener、refresh 等。
2. GoRoute 类是表明单个路由的方针。它界说了一个具体的路由途径、参数和相关的操作。每逢用户导航到一个新的路由时，GoRouter 会创立一个对应的 GoRoute 方针，并将其增加到路由仓库中。GoRoute 类供给了一些办法来处理路由的生成、匹配、跳转和导航等操作，如 go、goNamed、namedLocation、replaceNamed 等。
   总结来说，GoRouter 类是整个路由体系的办理者，担任路由的全体操控和状况办理，而 GoRoute 类是单个路由的表明和操作者，担任具体路由的生成、匹配和导航等操作。
   例如：

import 'package:go_router/go_router.dart';
// 界说路由装备
final routeConfig = RouteConfiguration(
 routes: {
   '/': (context) => HomePage(), // 根路由
   '/settings': (context) => SettingsPage(), // 设置页面路由
   '/profile/:username': (context, state) => ProfilePage(username: state.params['username']), // 用户个人资料页面路由
 },
);
// 创立 GoRouter 实例
final goRouter = GoRouter(
 routes: routeConfig.routes,
 errorPageBuilder: (context, state) => ErrorPage(), // 过错页面
);
// 在 MaterialApp 或 CupertinoApp 中运用 goRouter.routerDelegate 作为路由委托
MaterialApp(
 ...
 routerDelegate: goRouter.routerDelegate,
 backButtonDispatcher: goRouter.backButtonDispatcher,
 ...
);
// 在任何需求进行路由导航的当地，能够经过 goRouter 实例进行操作
void navigateToSettings() {
 goRouter.pushNamed('/settings');
}
void navigateToProfile(String username) {
 goRouter.goNamed('/profile/:username', pathParameters: {'username': username});
}

go_router 模块中供给了一个 GoRouter 方针，用于界说和办理运用程序的路由。

GoRouter 是 go_router 库的中心类，它担任路由的注册、导航和页面烘托。经过创立一个 GoRouter 方针，你能够装备运用程序的路由规矩并办理不同页面之间的导航。

在创立 GoRouter 方针时，你能够指定一组路由规矩。每个路由规矩由一个途径形式和一个处理程序（Handler）组成。途径形式是一个字符串，用于匹配特定的 URL 途径。处理程序则界说了当途径与形式匹配时要履行的操作，一般是展现相应的页面。

GoRouter 方针供给了多个办法来办理路由和导航，包括：

• push：将指定的途径推入导航仓库，导航到相应的页面。
• pop：将当时页面从导航仓库中弹出，回来上一个页面。
• replace：替换当时页面为指定的途径对应的页面。
• navigateTo：依据给定的途径导航到相应的页面。

除了根本的导航功用外，GoRouter 还支撑以下特性：

• 参数传递：你能够在导航时传递参数，以便在方针页面上运用。
• 嵌套路由：你能够在页面中嵌套多个 GoRouter 方针，完成更杂乱的路由结构。
• 路由护卫：你能够界说路由护卫，用于在导航到页面之前履行一些操作，如验证用户权限等。

以下是 GoRouter 方针的特点和办法的解析：

在 pub.dev 文档中，GoRoute 类的文档地址为： pub.dev/documentati…

GoRouter 方针的特点

GoRouter 方针的办法

GoRouter 方针的静态特点和静态办法