混用新旧NavigationLink的NavigationStack出现异常，求解决方案

问题现象 #

在NavigationStack中混合使用旧版闭包式NavigationLink和新版值绑定式（.navigationDestination）导航时，会出现以下异常：

• 点击"One"进入子页面后，点击"Two"无法跳转到预期的"Three"页面，反而重复显示"Two"页面，反复点击会陷入无限循环；
• 返回时，过渡过程中会错误显示"Three"页面。

复现代码：

#Preview {
    NavigationStack {
        NavigationLink("One") {
            NavigationLink("Two", value: 1)
                .navigationDestination(for: Int.self) { _ in
                    Text("Three")
                }
        }
    }
}

解决思路 #

• 将.navigationDestination提升到父级视图
  异常的核心原因是新版导航的目的地绑定被嵌套在旧版NavigationLink的闭包视图内，导致导航栈的状态管理混乱。只需把.navigationDestination(for: Int.self)修饰符移到最外层的NavigationStack下，而非嵌套在子视图中：

  #Preview {
      NavigationStack {
          NavigationLink("One") {
              NavigationLink("Two", value: 1)
          }
          .navigationDestination(for: Int.self) { _ in
              Text("Three")
          }
      }
  }
  

• 显式绑定NavigationPath管理状态（渐进式迁移）
  若无法一次性完成全量迁移，建议为NavigationStack显式绑定NavigationPath，通过手动管理路径数组避免状态冲突，同时兼容新旧两种导航方式：

  struct ContentView: View {
      @State private var path = NavigationPath()
      
      var body: some View {
          NavigationStack(path: $path) {
              NavigationLink("One") {
                  NavigationLink("Two", value: 1)
              }
              .navigationDestination(for: Int.self) { _ in
                  Text("Three")
              }
              // 可添加更多对应不同类型的navigationDestination
          }
      }
  }
  

• 严格避免嵌套导航目的地绑定
  无论迁移进度如何，都不要将.navigationDestination嵌套在另一个NavigationLink的闭包视图内。新版导航的目的地声明必须直接关联到对应的NavigationStack层级，确保导航栈能正确识别并响应值的变化。

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