SwiftUI中如何从NavigationView移除指定页面？附导航场景示例

针对你遇到的A→B→C→D导航链，要从D直接回到B且保留B→A的返回能力，分两种场景实现：

iOS 16+：使用NavigationStack（推荐） #

iOS16开始苹果推出NavigationStack，通过绑定导航路径数组可以精准控制栈内页面：

1. 先定义页面枚举，用来标记导航栈中的页面：

enum Screen: Hashable {
    case a, b, c, d
}

2. 在根页面A中，用NavigationStack绑定路径数组：

struct ScreenA: View {
    @State private var navigationPath: [Screen] = []
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            VStack {
                Text("Screen A")
                NavigationLink("Go to B", value: Screen.b)
            }
            .navigationDestination(for: Screen.self) { screen in
                switch screen {
                case .b: ScreenB(navigationPath: $navigationPath)
                case .c: ScreenC(navigationPath: $navigationPath)
                case .d: ScreenD(navigationPath: $navigationPath)
                default: EmptyView()
                }
            }
        }
    }
}

3. 在D页面中，直接修改路径数组，移除C页面（只保留A和B的路径）：

struct ScreenD: View {
    @Binding var navigationPath: [Screen]
    
    var body: some View {
        VStack {
            Text("Screen D")
            Button("Go back to B directly") {
                // 保留到B的路径，移除C和D
                navigationPath = Array(navigationPath.prefix(2))
            }
            // 系统默认返回按钮依然可以回到C
        }
        .navigationTitle("D")
    }
}

点击按钮后，导航栈会直接回到B，且B的返回按钮依然能回到A。

iOS 15及更早：使用NavigationView+自定义导航管理器 #

旧版本的NavigationView没有直接的路径绑定，需要通过ObservableObject手动管理导航状态：

1. 创建导航管理器：

class NavigationManager: ObservableObject {
    @Published var navigationStack: [Screen] = []
    
    // 跳转到指定页面
    func push(_ screen: Screen) {
        navigationStack.append(screen)
    }
    
    // 直接回到指定页面
    func popTo(_ screen: Screen) {
        if let index = navigationStack.firstIndex(of: screen) {
            navigationStack = Array(navigationStack.prefix(index + 1))
        }
    }
}

2. 在根页面注入管理器：

struct ScreenA: View {
    @StateObject private var navManager = NavigationManager()
    
    var body: some View {
        NavigationView {
            VStack {
                Text("Screen A")
                Button("Go to B") {
                    navManager.push(.b)
                }
            }
            .navigationDestination(isPresented: .constant(!navManager.navigationStack.isEmpty)) {
                switch navManager.navigationStack.last {
                case .b: ScreenB(navManager: navManager)
                case .c: ScreenC(navManager: navManager)
                case .d: ScreenD(navManager: navManager)
                default: EmptyView()
                }
            }
        }
        .environmentObject(navManager)
    }
}

3. 在D页面调用popTo方法：

struct ScreenD: View {
    @EnvironmentObject var navManager: NavigationManager
    
    var body: some View {
        VStack {
            Text("Screen D")
            Button("Go back to B directly") {
                navManager.popTo(.b)
            }
        }
        .navigationTitle("D")
    }
}

这种方式通过自定义栈管理，同样能实现从D直接回到B，且保留B到A的返回路径。

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