SwiftUI使用.navigationDestination(isPresented:)多视图无法返回问题

问题原因 #

你当前的实现通过每个视图的@State var isPresented绑定navigationDestination(isPresented:)，子视图修改父视图的isPresented来实现回退。这种方式仅适用于单层导航场景，多层导航时会出现状态不同步：

• 当前进到第三步（Step3）时，第二步（Step2）的isPresented仍处于true状态（用于控制Step3的展示）。
• 点击Step3的Back按钮将Step2的isPresented设为false时，虽然Step3会被关闭，但NavigationStack的内部栈状态未正确同步，导致界面停留在Step3而非回到Step2。
• 默认返回按钮直接操作NavigationStack的内部栈，因此不受该问题影响。

解决方案 #

改用NavigationStack的path绑定统一管理导航栈状态，通过操作path数组实现前进和后退，确保自定义返回按钮与默认按钮行为一致。

简化实现（直接用Int作为路径元素） #

import SwiftUI

struct StepView: View {
    let stepNumber: Int
    @Binding var path: [Int]
    
    var body: some View {
        VStack {
            Text("Step \(stepNumber)")
            Button {
                // 前进：向导航栈添加下一个步骤
                path.append(stepNumber + 1)
            } label: {
                Text("Forward")
            }
            Button {
                // 后退：移除导航栈最后一个元素
                path.removeLast()
            } label: {
                Text("Back")
            }
        }
        .navigationTitle("Step \(stepNumber)")
        .navigationBarTitleDisplayMode(.inline)
    }
}

struct StepView_Previews: PreviewProvider {
    @State static var path: [Int] = []
    
    static var previews: some View {
        NavigationStack(path: $path) {
            StepView(stepNumber: 0, path: $path)
                // 为Int类型注册导航目的地
                .navigationDestination(for: Int.self) { number in
                    StepView(stepNumber: number, path: $path)
                }
        }
    }
}

类型安全实现（用枚举定义路径元素） #

如果需要更复杂的导航场景，推荐用枚举定义路径元素，保证类型安全：

import SwiftUI

enum NavigationStep: Hashable {
    case step(Int)
}

struct StepView: View {
    let stepNumber: Int
    @Binding var path: [NavigationStep]
    
    var body: some View {
        VStack {
            Text("Step \(stepNumber)")
            Button {
                path.append(.step(stepNumber + 1))
            } label: {
                Text("Forward")
            }
            Button {
                path.removeLast()
            } label: {
                Text("Back")
            }
        }
        .navigationTitle("Step \(stepNumber)")
        .navigationBarTitleDisplayMode(.inline)
    }
}

struct StepView_Previews: PreviewProvider {
    @State static var path: [NavigationStep] = []
    
    static var previews: some View {
        NavigationStack(path: $path) {
            StepView(stepNumber: 0, path: $path)
                .navigationDestination(for: NavigationStep.self) { step in
                    switch step {
                    case .step(let number):
                        StepView(stepNumber: number, path: $path)
                    }
                }
        }
    }
}

关键说明 #

• NavigationStack(path:)通过绑定的数组管理导航栈，数组的元素顺序对应栈内视图的层级。
• 前进操作向数组添加元素，navigationDestination(for:)会自动匹配并展示对应的视图。
• 后退操作移除数组最后一个元素，NavigationStack会自动弹出栈顶视图，与默认返回按钮行为完全一致，支持任意次数的前进后退操作。

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