Flutter中如何在GoRouter中实现含路径Widget查询的动态重定向？

GoRouter确实没有内置直接通过路径查找对应Widget的API，不过可以通过以下两种方式实现你的需求：

1. 单独维护路由配置映射 #

把所有路由配置抽成独立的列表，这样在redirect函数里就能直接匹配路径并生成对应的Widget：

// 抽离路由配置，统一维护
final List<GoRoute> appRoutes = [
  GoRoute(
    path: '/',
    builder: (context, state) => const HomeScreen(),
  ),
  GoRoute(
    path: '/profile/:userId',
    builder: (context, state) => ProfileScreen(userId: state.pathParameters['userId']!),
  ),
  // 其他路由项...
];

// 初始化GoRouter
final GoRouter router = GoRouter(
  routes: appRoutes,
  redirect: (BuildContext context, GoRouterState state) async {
    // 匹配对应路由（支持带参数的路径）
    final GoRoute? matchedRoute = appRoutes.firstWhereOrNull(
      (route) => route.match(state.uri) != null,
    );

    if (matchedRoute != null) {
      // 调用路由的builder生成Widget
      final Widget targetWidget = matchedRoute.builder(context, state);
      
      // 这里可以基于Widget做重定向判断，比如判断类型
      if (targetWidget is ProfileScreen) {
        // 示例：如果是Profile页面且未登录，重定向到登录页
        if (!isUserLoggedIn()) {
          return '/login';
        }
      }
    }

    // 返回null表示不触发重定向
    return null;
  },
);

2. 从GoRouter实例中动态获取匹配路由 #

如果不想单独维护路由表，可以直接从GoRouter的内部配置中递归查找匹配的路由：

final GoRouter router = GoRouter(
  routes: [
    GoRoute(
      path: '/',
      builder: (context, state) => const HomeScreen(),
      routes: [
        GoRoute(
          path: 'settings',
          builder: (context, state) => const SettingsScreen(),
        ),
      ],
    ),
    // 其他路由...
  ],
  redirect: (BuildContext context, GoRouterState state) async {
    // 递归查找匹配的路由（处理嵌套路由）
    GoRoute? findMatchedRoute(List<RouteBase> routes, Uri uri) {
      for (final route in routes) {
        if (route is GoRoute) {
          if (route.match(uri) != null) {
            return route;
          }
          // 检查嵌套子路由
          if (route.routes.isNotEmpty) {
            final nestedMatch = findMatchedRoute(route.routes, uri);
            if (nestedMatch != null) return nestedMatch;
          }
        }
      }
      return null;
    }

    final GoRoute? matchedRoute = findMatchedRoute(router.configuration.routes, state.uri);
    if (matchedRoute != null) {
      final Widget targetWidget = matchedRoute.builder(context, state);
      // 基于Widget执行你的重定向逻辑
    }

    return null;
  },
);

关键注意点 #

• 对于带动态参数的路径（如/profile/:userId），必须使用route.match(state.uri)来判断匹配，不能直接对比字符串路径。
• redirect函数支持异步操作，但要尽量避免在此处执行耗时操作，以免影响页面导航性能。
• 可以通过is关键字判断Widget的类型，或者读取Widget的属性来触发不同的重定向逻辑。

内容的提问来源于stack exchange，提问作者ololo