Flutter中Go_router与Sidebarx集成Web导航问题求助

我尝试在Flutter Web导航中结合使用Sidebarx与go_router，完整代码可查看项目的lib/main.dart文件。当前遇到两个问题：

• 首次运行应用点击菜单无报错，但点击dashboard或personal按钮时出现异常动画，且通过打印日志发现Homepage也被启动，虽视觉上功能正常；
• 刷新dashboard或personal页面时出现警告：Could not navigate to initial route. The requested route name was: "/dashboard" There was no corresponding route in the app, and therefore the initial route specified will be ignored and "/" will be used instead. 但如果沿用Sidebarx仓库示例中的_ScreensExample类进行页面切换，网页URL不会发生变化。

请问我哪里操作出错了？

问题1：异常动画+Homepage重复启动 #

你的代码把Homepage同时作为根路由页面和Sidebarx的页面选项，导致切换dashboard/personal时，根路由的Homepage并未被替换，反而和目标页面同时初始化，进而触发异常动画。

解决步骤：

• 从Sidebarx的页面列表中移除Homepage，让它仅作为承载侧边栏和路由容器的壳子，dashboard、personal等作为独立路由页面。
• 调整SidebarXController的初始索引，对应默认显示的路由页面（比如dashboard），而非Homepage。

问题2：刷新页面时路由警告 #

这是因为go_router未正确注册/dashboard、/personal这类可直接访问的路由，或者根路由逻辑未处理初始路由匹配。

解决步骤：

• 在GoRouter的routes列表中，明确注册/dashboard、/personal路由，不要仅通过根路由嵌套实现。
• 确保web/index.html中正确设置<base href="/">，避免路由解析错误。
• 调整根页面逻辑，当Web端直接访问/dashboard时，go_router能匹配到对应页面，同时同步Sidebarx的选中状态。

URL不变化的问题 #

Sidebarx示例的_ScreensExample是通过本地状态切换页面，未联动go_router路由系统，所以URL不会更新。要让URL同步变化，需在Sidebarx的点击回调中调用go_router的路由方法，而非仅切换本地状态索引。

核心代码调整示例：

1. 绑定Sidebarx选中事件到go_router跳转：

onChange: (index) {
  switch (index) {
    case 0:
      context.go('/dashboard');
      break;
    case 1:
      context.go('/personal');
      break;
  }
}

2. 完善go_router路由配置：

GoRouter(
  initialLocation: '/dashboard',
  routes: [
    ShellRoute(
      builder: (context, state, child) => Homepage(child: child),
      routes: [
        GoRoute(
          path: '/dashboard',
          builder: (context, state) => const DashboardPage(),
        ),
        GoRoute(
          path: '/personal',
          builder: (context, state) => const PersonalPage(),
        ),
      ],
    ),
    GoRoute(
      path: '/',
      redirect: (context, state) => '/dashboard',
    ),
  ],
)

3. 调整Homepage的结构，让它仅负责渲染侧边栏和路由传递的子页面。

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