GoRouter：页面刷新丢失后退按钮答案

【问题标题】：GoRouter: Refresh on page looses Back ButtonGoRouter：页面刷新丢失后退按钮
【发布时间】：2022-09-23 01:43:51
【问题描述】：

我有一个主屏幕和一个详细信息页面。当我导航到详细信息页面时，Flutter 会自动在 AppBar 中添加一个后退按钮，单击该按钮会返回上一页。

现在使用 GoRouter，UrlPathStrategy.path 允许我的详细信息页面位于 /detail 并且刷新页面时，它直接打开详细信息页面。这一切都很好，但是问题是，在/detail 刷新后没有返回按钮。

有没有一个概念，这样 GoRouter 可以根据路由推断 Navigation 堆栈，因此在打开 /detail 页面时，显示一个后退按钮，通向 /（主页）？

我当前的路线如下所示：

routes: [
  GoRoute(
    name: \"detail\",
    path: \"/detail\",
    builder: (context, state) => DetailPage(),
  ),
  GoRoute(
    name: \"home\",
    path: \"/\",
    builder: (context, state) => HomePage(),
  ),
],

标签： flutter gorouter

【解决方案1】：

可能只是将详细路线放在主路线中？

routes: [
  GoRoute(
    name: "home",
    path: "/",
    builder: (context, state) => HomePage(),
    routes: [
      GoRoute(
        name: "detail",
        path: "/detail",
        builder: (context, state) => DetailPage(),
      ),
    ],
  ),
],

【讨论】：