NavigationStack嵌套冲突：如何避免父子导航栈相互干扰？

你遇到的问题根源在于父视图和子视图的NavigationStack使用了相同的String类型作为导航值，当子视图触发NavigationLink时，父栈的navigationDestination也会匹配到这个String类型的值，导致导航逻辑混乱——首次点击时父栈错误响应直接回到根视图，再次点击时父栈路径已被修改，又会跳过中间视图直接跳转至最终页面。

解决这个问题有两种靠谱思路：

方案一：用自定义类型区分导航目标 #

给父栈和子栈分别定义不同的导航值类型，让各自的navigationDestination只响应对应类型的导航请求，从根源上避免冲突。

修改后的代码示例：

import SwiftUI

// 父视图专属导航目标类型
enum ParentNavDestination: Hashable {
    case detail(String)
}

// 子视图专属导航目标类型
enum ChildNavDestination: Hashable {
    case nested(String)
}

struct TestView: View {
    var testArr: [String] = ["one","Two"]
    @State private var navPath: [ParentNavDestination] = []
    
    var body: some View {
        NavigationStack(path: $navPath) {
            List(testArr, id: \.self) { item in
                NavigationLink(item, value: ParentNavDestination.detail(item))
            }
            .navigationDestination(for: ParentNavDestination.self) { destination in
                switch destination {
                case .detail(let text):
                    TestDetailView2()
                }
            }
        }
    }
}

struct TestDetailView2: View {
    @State var navPath: [ChildNavDestination] = []
    
    var body: some View {
        VStack {
            Text("First Child View")
            NavigationStack(path: $navPath) {
                NavigationLink("Nested Nav", value: ChildNavDestination.nested("Nav"))
                    .navigationDestination(for: ChildNavDestination.self) { destination in
                        switch destination {
                        case .nested(let text):
                            Text("Nested: \(text)")
                        }
                    }
            }
        }
    }
}

struct TestView_Previews: PreviewProvider {
    static var previews: some View {
        TestView()
    }
}

方案二：子视图共享父视图的导航栈 #

如果嵌套导航不需要独立的栈逻辑，可以直接复用父视图的navPath，去掉子视图的独立NavigationStack，让整个导航流程在同一个栈中管理，自然不会有冲突。

修改后的代码示例：

import SwiftUI

// 统一导航目标类型
enum NavDestination: Hashable {
    case detail(String)
    case nested(String)
}

struct TestView: View {
    var testArr: [String] = ["one","Two"]
    @State private var navPath: [NavDestination] = []
    
    var body: some View {
        NavigationStack(path: $navPath) {
            List(testArr, id: \.self) { item in
                NavigationLink(item, value: NavDestination.detail(item))
            }
            .navigationDestination(for: NavDestination.self) { destination in
                switch destination {
                case .detail(let text):
                    TestDetailView2(navPath: $navPath)
                case .nested(let text):
                    Text("Nested: \(text)")
                }
            }
        }
    }
}

struct TestDetailView2: View {
    @Binding var navPath: [NavDestination]
    
    var body: some View {
        VStack {
            Text("First Child View")
            NavigationLink("Nested Nav", value: NavDestination.nested("Nav"))
        }
    }
}

struct TestView_Previews: PreviewProvider {
    static var previews: some View {
        TestView()
    }
}

两种方案可按需选择：如果子视图需要独立的导航栈（比如可单独弹出到自身根视图），选方案一；如果导航流程是线性的，方案二更简洁。

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