使用Navigator组件时触发errors_patch.dart断言失败错误求助

你的代码存在三个核心问题，直接导致了断言失败错误：

1. GlobalKey在build方法内声明 #

每次build方法执行时，都会重新创建navigatorKey1和navigatorKey2，这会彻底破坏Navigator的状态关联逻辑。GlobalKey的作用是跨Widget树保留组件状态，必须作为类的成员变量声明，而非在build方法内临时创建。

修正代码：

class YourWidgetState extends State<YourWidget> {
  // 将GlobalKey移到类成员位置
  final GlobalKey<NavigatorState> navigatorKey1 = GlobalKey<NavigatorState>();
  final GlobalKey<NavigatorState> navigatorKey2 = GlobalKey<NavigatorState>();

  @override
  Widget build(BuildContext context) {
    // 原有build逻辑...
  }
}

2. Navigator未设置尺寸约束 #

Column的子组件默认会获得无限垂直空间，而Navigator是依赖明确尺寸约束的组件，无法在无边界的空间内完成渲染，这会触发布局断言错误。

修正代码：
给每个Navigator包裹Expanded（或Flexible、固定尺寸容器），让它获得Column分配的可用空间：

Column(children: [
  Expanded(
    child: Navigator(
      key: navigatorKey1,
      onGenerateRoute: (settings) {
        return MaterialPageRoute(builder: (context) => const HomeScreen());
      },
    ),
  ),
  Expanded(
    child: Navigator(
      key: navigatorKey2,
      onGenerateRoute: (settings) {
        return MaterialPageRoute(builder: (context) => const HomeScreen());
      },
    ),
  ),
])

3. 不必要的多Navigator使用 #

如果没有特殊的嵌套导航需求（比如独立的导航栈），同一个页面内放置两个Navigator完全不合理，既增加复杂度又容易引发状态混乱。如果只是需要展示多块内容，应该用组件切换、TabView等方式替代。

优化建议：

• 若无需独立导航栈，直接移除多余的Navigator，改用单组件或页面内布局实现内容展示；
• 若确实需要嵌套导航，确保每个Navigator都有独立的状态管理和明确的布局边界。

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