SwiftUI中嵌套navigationDestination无法程序化返回的问题求助

你的问题出在**navigationDestination的注册位置错误**，导致导航栈无法正确响应状态变化。

错误点分析 #

你把页面B的navigationDestination附加在了页面A的View上，但NavigationStack要求所有导航目的地必须直接注册在它的内部视图层级中，而不是嵌套在子页面里。这种错误的注册方式会让导航栈无法正确跟踪页面B的呈现状态，所以点击“返回至A”按钮时，设置bPresented = false不会触发导航栈的回退逻辑。

修正方案（基于isPresented绑定） #

把所有navigationDestination移到NavigationStack的根视图范围内，和触发导航的按钮同级：

struct Example: View {
    @State var aPresented: Bool = false
    @State var bPresented: Bool = false
    
    var body: some View {
        NavigationStack {
            Button("Go to A") {
                aPresented = true
            }
            // 注册页面A的导航目的地
            .navigationDestination(isPresented: $aPresented) {
                aView
            }
            // 注册页面B的导航目的地
            .navigationDestination(isPresented: $bPresented) {
                bView
            }
        }
    }
    
    var aView: some View {
        VStack {
            Text("A")
            Button("Go to B") {
                bPresented = true
            }
        }
        .navigationTitle("Page A") // 可选，添加后会自动生成系统返回按钮
    }
    
    var bView: some View {
        VStack {
            Text("B")
            Button("Go back to A") {
                bPresented = false
            }
        }
        .navigationTitle("Page B")
    }
}

现在点击“返回至A”按钮时，bPresented的状态变化会被导航栈正确捕获，页面B会被从栈中移除，回到页面A。

更推荐的方案（基于NavigationPath） #

对于嵌套导航，使用NavigationPath管理栈状态会更可靠，尤其适合复杂导航场景：

struct Example: View {
    // 用枚举定义所有可导航的页面
    enum NavPage: Hashable {
        case pageA
        case pageB
    }
    
    @State private var navPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $navPath) {
            Button("Go to A") {
                navPath.append(NavPage.pageA)
            }
            // 统一处理所有导航目的地
            .navigationDestination(for: NavPage.self) { page in
                switch page {
                case .pageA:
                    aView
                case .pageB:
                    bView
                }
            }
        }
    }
    
    var aView: some View {
        VStack {
            Text("A")
            Button("Go to B") {
                navPath.append(NavPage.pageB)
            }
        }
        .navigationTitle("Page A")
    }
    
    var bView: some View {
        VStack {
            Text("B")
            Button("Go back to A") {
                navPath.removeLast() // 移除栈顶的页面B
            }
        }
        .navigationTitle("Page B")
    }
}

这种方式通过数组路径管理导航栈，状态更清晰，还能轻松实现跳转到任意页面、重置整个栈等操作。

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