替换NavigationView为NavigationStack后，DetailView中Edit按钮导航失效问题

问题现象 #

将NavigationView替换为NavigationStack后，DetailView中的「Edit」按钮点击后无法跳转至EditView；但移除DetailView中的@Environment(\.dismiss) var dismiss代码后，导航恢复正常。

原因分析 #

NavigationStack采用了更显式的导航栈管理机制，当子视图中同时使用@Environment(\.dismiss)和传统内嵌目标视图的NavigationLink时，会出现导航逻辑冲突，导致子级NavigationLink无法触发跳转。

解决方案 #

使用NavigationStack的路径绑定（Path Binding） + **导航目标（NavigationDestination）**模式管理导航，既能明确控制导航栈状态、避免冲突，又能保留手动返回（dismiss）的功能。

修改后的完整代码 #

1. 定义页面枚举（可选但更规范）

enum Page: Hashable {
    case detail
    case about
    case edit(info: Binding<String>)
}

2. ContentView.swift

struct ContentView: View {
    @State private var path: [Page] = []
    
    var body: some View {
        NavigationStack(path: $path) {
            NavigationLink("Detail", value: Page.detail)
                .buttonStyle(.bordered)
            NavigationLink("About", value: Page.about)
                .buttonStyle(.bordered)
        }
        .navigationDestination(for: Page.self) { page in
            switch page {
            case .detail:
                DetailView(path: $path)
            case .about:
                AboutView()
            case .edit(let infoBinding):
                EditView { data in
                    infoBinding.wrappedValue = data
                }
            }
        }
        .navigationTitle("Home Page")
    }
}

3. DetailView.swift

struct DetailView: View {
    @Environment(\.dismiss) var dismiss
    @State var info: String = "Hello"
    @Binding var path: [Page]
    
    var body: some View {
        VStack {
            Text(info)
            HStack {
                Button("Back") {
                    dismiss()
                }
                .buttonStyle(.bordered)
                
                NavigationLink("Edit", value: Page.edit(info: $info))
                    .buttonStyle(.bordered)
            }
        }
        .navigationTitle("Detail Page")
    }
}

4. EditView.swift（无需修改）

struct EditView: View {
    @Environment(\.dismiss) var dismiss
    let action: (String) -> Void
    
    var body: some View {
        VStack {
            Button("Save") {
                action("Hello World.")
                dismiss()
            }
            .buttonStyle(.bordered)
        }
        .navigationTitle("Edit Page")
    }
}

5. AboutView.swift（无需修改）

struct AboutView: View {
    @State private var isPresentWebView = false
    
    var body: some View {
        Button("Show website") {
            isPresentWebView = true
        }
        .buttonStyle(.bordered)
        .fullScreenCover(isPresented: $isPresentWebView) {
            SafariWebView(url: URL(string: "https://stackoverflow.com")!)
                .ignoresSafeArea()
        }
    }
}

struct SafariWebView: UIViewControllerRepresentable {
    let url: URL
    
    func makeUIViewController(context: Context) -> SFSafariViewController {
        return SFSafariViewController(url: url)
    }
    
    func updateUIViewController(_ uiViewController: SFSafariViewController, context: Context) {
        
    }
}

说明 #

• 绑定path数组可清晰追踪导航栈层级，避免隐式导航带来的冲突。
• 使用枚举定义页面类型，比字符串更安全，也便于后续扩展更多页面。
• 保留@Environment(\.dismiss)用于手动返回，子级NavigationLink通过value和navigationDestination配对，确保跳转正常。

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