SwiftUI中如何先移除当前视图再导航至另一视图？

要实现从Page2先回到ContentView，再直接跳转到Page3的需求，核心是通过编程式导航控制导航栈状态，而非依赖默认的NavigationLink跳转。以下分两种主流场景给出实现方案：

一、iOS 16+ 使用 NavigationStack（推荐） #

NavigationStack支持通过绑定的路径数组直接管理导航栈，我们可以先移除当前视图对应的路径元素，再添加目标页面的路径，实现连续导航。

完整代码实现 #

import SwiftUI

// 定义导航路径枚举，统一管理页面类型
enum NavPath: Hashable {
    case page2
    case page3
}

struct ContentView: View {
    @State private var navPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $navPath) {
            VStack {
                Text("1")
                
                NavigationLink(value: NavPath.page2) {
                    Text("View Page 2")
                        .padding()
                        .background(Color.blue)
                        .foregroundColor(.white)
                        .cornerRadius(10)
                }
                .padding()
            }
            .navigationBarTitle("Main Page")
            // 根据路径匹配跳转页面
            .navigationDestination(for: NavPath.self) { path in
                switch path {
                case .page2:
                    Page2View(navPath: $navPath)
                case .page3:
                    Page3View()
                }
            }
        }
    }
}

struct Page2View: View {
    @Binding var navPath: NavigationPath
    
    var body: some View {
        VStack {
            Text("This is Page 2")
            
            Button("回到主页并跳转到Page3") {
                // 1. 移除当前Page2的路径，回到ContentView
                navPath.removeLast()
                // 2. 添加Page3的路径，导航至目标页面
                navPath.append(NavPath.page3)
            }
            .padding()
            .background(Color.orange)
            .foregroundColor(.white)
            .cornerRadius(10)
        }
        .navigationBarTitle("Page 2")
    }
}

struct Page3View: View {
    var body: some View {
        Text("This is Page 3")
            .navigationBarTitle("Page 3")
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

关键逻辑 #

• 用NavPath枚举规范导航页面类型，避免路径管理混乱。
• 通过NavigationStack绑定的navPath数组直接操控导航栈，先调用removeLast()移除当前页面，再用append()添加目标页面路径，完成连续导航。

二、iOS 15及以下 使用 NavigationView + 状态绑定 #

针对iOS15及更早版本，需要结合ObservableObject管理导航状态，间接控制导航栈。

完整代码实现 #

import SwiftUI

// 导航状态管理类
class NavManager: ObservableObject {
    @Published var showPage2 = false
    @Published var showPage3 = false
}

struct ContentView: View {
    @StateObject private var navManager = NavManager()
    
    var body: some View {
        NavigationView {
            VStack {
                Text("1")
                
                NavigationLink(isActive: $navManager.showPage2) {
                    Page2View(navManager: navManager)
                } label: {
                    Text("View Page 2")
                        .padding()
                        .background(Color.blue)
                        .foregroundColor(.white)
                        .cornerRadius(10)
                }
                .padding()
                
                // 隐藏的NavigationLink，用于跳转Page3
                NavigationLink(isActive: $navManager.showPage3) {
                    Page3View()
                } label: {
                    EmptyView()
                }
            }
            .navigationBarTitle("Main Page")
        }
        .environmentObject(navManager)
    }
}

struct Page2View: View {
    @EnvironmentObject var navManager: NavManager
    
    var body: some View {
        VStack {
            Text("This is Page 2")
            
            Button("回到主页并跳转到Page3") {
                // 1. 关闭当前Page2视图
                navManager.showPage2 = false
                // 2. 延迟触发Page3导航，避免状态冲突
                DispatchQueue.main.async {
                    navManager.showPage3 = true
                }
            }
            .padding()
            .background(Color.orange)
            .foregroundColor(.white)
            .cornerRadius(10)
        }
        .navigationBarTitle("Page 2")
    }
}

struct Page3View: View {
    var body: some View {
        Text("This is Page 3")
            .navigationBarTitle("Page 3")
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

关键逻辑 #

• 用NavManager类集中管理导航状态，通过@Published变量控制页面显示。
• 在ContentView中添加隐藏的NavigationLink负责跳转到Page3，通过navManager.showPage3控制激活状态。
• 点击按钮时先关闭当前Page2，再通过DispatchQueue.main.async延迟触发Page3导航，确保当前视图完全移除后再执行跳转。

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