Flutter/GoRouter中ShellRoute无path时如何使用context.go()方法？

ShellRoute的设计初衷是作为共享导航结构（比如BottomNavigationBar）的容器，本身确实不需要path参数——它是通过包裹的子GoRoute来提供可导航路径的。你可以通过以下两种方式解决导航问题：

1. 给ShellRoute的子路由设置根路径，直接导航到子路由 #

把ShellRoute作为父容器，给内部的子GoRoute设置一个根路径（比如/home），调用context.go('/home')时，会自动加载ShellRoute的结构（包括BottomNavigationBar），同时进入对应的子页面。示例配置：

final _shellNavigatorKey = GlobalKey<NavigatorState>();

GoRouter(
  initialLocation: '/login',
  routes: [
    GoRoute(
      path: '/login',
      builder: (context, state) => LoginPage(),
    ),
    ShellRoute(
      navigatorKey: _shellNavigatorKey,
      builder: (context, state, child) => HomeShell(child: child), // 带BottomNavigationBar的壳页面
      routes: [
        GoRoute(
          path: '/home', // 设置Shell对应的根路径
          builder: (context, state) => HomeFeedPage(),
          routes: [
            // 其他子路由，比如/profile、/search等
          ],
        ),
      ],
    ),
  ],
);

登录后直接调用context.go('/home')，就能进入带BottomNavigationBar的主页。

2. 通过ShellRoute的navigatorKey直接控制导航 #

如果需要在Shell内部导航，或者直接操作Shell的导航器，可以用预先定义的_shellNavigatorKey，调用_shellNavigatorKey.currentState?.push(...)或者_shellNavigatorKey.currentState?.go(...)来实现导航。

关键注意点 #

• ShellRoute本身不是可直接导航的页面，而是路由组的容器，所有导航操作都应该针对它包裹的子GoRoute。
• 如果需要默认加载Shell的某个子页面，把该子路由的path设置为Shell的入口路径即可，GoRouter会自动渲染Shell的结构。

内容的提问来源于stack exchange，提问作者Alper Efe Sahin