有没有办法避免在 Flutter 的 Navigator _history 中出现重复？

Question

所以我有一个应用程序，比如说，它只包含一个主屏幕、一个配置文件屏幕和一个购物篮屏幕。从主/主屏幕，我可以访问其他两个屏幕。实际上，我可以通过侧边栏访问所有这三个屏幕。 如果我在调试模式下启动应用程序，我可以如下导航：

HomeScreen -> ProfileScreen -> HomeScreen (over sidebar) -> Profile Screen.

所有这些都是通过 Navigator.pushNamed() 完成的。这意味着，导航器的 _history 堆栈具有：

• 主屏幕
• 个人资料屏幕
• 主屏幕
• 个人资料屏幕

这有点愚蠢，它使用 RAM 而无需这样做。 我可以通过每次进入 HomeScreen 时使用 popUntil() 来解决这个问题，这样我就有了一个新的历史记录，但如果我这样做就无济于事了：

HomeScreen -> ProfileScreen -> BasketScreen (over sidebar) -> Profile Screen (over sidebar) -> BasketScreen (over sidebar).

如何从历史记录中删除 RIGHT 屏幕，最好不要制作自己的导航器？有可能吗？我的意思是，理想情况下，Navigator 在最后一个示例之后的历史应该是这样的：

• 主屏幕
• 个人资料屏幕
• 篮子屏幕

（意思是如果调用了 BasketScreen，它会从历史记录中删除所有先前的 BasketScreen，等等）

还是一开始就允许这样的循环调用只是我的错误？虽然我怀疑我是唯一一个这样使用侧边栏的人。

Answer 1

我最近遇到了同样的问题，此外我有可能稍后需要删除路线。要解决重复页面的问题，只需使用

Navigator.pushReplacementNamed(context, name)

而不是

Navigator.pushNamed(context, name)

如果您需要更多的路由控制和上下文，唯一真正的方法是创建一个自定义 NavigatorObserver，将其添加到您的 MaterialApp，然后在需要删除页面时引用它（就像您尝试在没有实际出现在 Navigator 历史记录中的情况下删除路线，它会抛出错误）。这个 NavigatorObserver 应该适用于大多数用途。

需要注意的一点是，您似乎无法删除 NavigatorObserver 内的路由，因为它似乎在进行更改时将自己锁定为更改。

class Observatory extends NavigatorObserver{

  List<Route> routeHistory = List();

  @override
  void didPush(Route route, Route previousRoute) {
    routeHistory.add(route);
    super.didPush(route, previousRoute);
  }

  @override
  void didPop(Route route, Route previousRoute) {
    routeHistory.removeLast();
    super.didPop(route, previousRoute);
  }

  @override
  void didRemove(Route route, Route previousRoute) {
    var beginIndex = routeHistory.indexOf(route);
    var endIndex = routeHistory.indexOf(previousRoute);
    if((endIndex == -1 && beginIndex != -1) || beginIndex -1 == endIndex)
      routeHistory.remove(route);
    else if(endIndex != -1 && beginIndex != -1)
      routeHistory.removeRange(beginIndex,endIndex);
    super.didRemove(route, previousRoute);
  }

  @override
  void didReplace({Route newRoute, Route oldRoute}) {
    if(routeHistory.contains(oldRoute))
      routeHistory[routeHistory.indexOf(oldRoute)] = newRoute;
    super.didReplace(newRoute: newRoute, oldRoute: oldRoute);
  }

  bool containsRoute(Route route) => routeHistory.contains(route);
}

现在每当我需要删除路线时，我都会这样做

if(observatory.containsRoute(route))
    Navigator.remove(context, route);