SwiftUI中从多级推送视图关闭整个NavigationView返回主页的方法

针对你遇到的从多层导航栈直接返回主页的需求，这里提供几种实用方案：

方案一：iOS 16+ 推荐用 NavigationStack 路径绑定 #

iOS 16及以后推出的NavigationStack通过绑定路径数组来管理导航栈，直接清空数组就能瞬间回到根视图，不管栈里有多少层。

代码示例： #

首先在主页（View1）中定义导航路径：

// 用枚举替代String，避免拼写错误，更规范
enum NavDestination {
    case view2, view3
}

struct View1: View {
    @State private var navPath = [NavDestination]()
    
    var body: some View {
        NavigationStack(path: $navPath) {
            Button("进入View2") {
                navPath.append(.view2)
            }
            .navigationDestination(for: NavDestination.self) { dest in
                switch dest {
                case .view2:
                    View2(navPath: $navPath)
                case .view3:
                    View3(navPath: $navPath)
                }
            }
        }
    }
}

View2中推进View3：

struct View2: View {
    @Binding var navPath: [NavDestination]
    
    var body: some View {
        Button("进入View3") {
            navPath.append(.view3)
        }
    }
}

View3中直接清空路径返回主页：

struct View3: View {
    @Binding var navPath: [NavDestination]
    
    var body: some View {
        Button("直接返回主页") {
            navPath.removeAll() // 清空路径，直接回到View1
        }
    }
}

方案二：兼容旧版iOS的 ObservableObject 全局导航管理 #

如果需要支持iOS 15及以下，可以用ObservableObject统一管理所有导航状态，通过修改状态直接关闭整个导航栈。

代码示例： #

先定义导航管理器：

class NavManager: ObservableObject {
    // 控制根导航的显示/隐藏
    @Published var isRootNavPresented = false
    // 控制各层级视图的推送状态
    @Published var pushView3 = false
    @Published var pushView4 = false // 多层级的话继续扩展
}

主页（View1）中注入管理器并展示导航：

struct View1: View {
    @StateObject private var navManager = NavManager()
    
    var body: some View {
        Button("打开View2导航") {
            navManager.isRootNavPresented = true
        }
        .sheet(isPresented: $navManager.isRootNavPresented) {
            NavigationView {
                View2(navManager: navManager)
            }
        }
    }
}

View2中推进View3：

struct View2: View {
    @ObservedObject var navManager: NavManager
    
    var body: some View {
        Button("进入View3") {
            navManager.pushView3 = true
        }
        .navigationDestination(isPresented: $navManager.pushView3) {
            View3(navManager: navManager)
        }
    }
}

View3中直接关闭整个导航栈：

struct View3: View {
    @ObservedObject var navManager: NavManager
    
    var body: some View {
        Button("直接返回主页") {
            // 先把所有推送的视图状态置为false，再关闭根导航
            navManager.pushView3 = false
            navManager.isRootNavPresented = false
            // 如果有更多层级，依次把对应的push状态设为false即可
        }
    }
}

方案三：传递 dismissal 闭包（轻量方案） #

如果层级不多，也可以直接在主页定义一个关闭根导航的闭包，逐层传递给深层视图，调用闭包直接返回主页。

代码示例： #

主页（View1）：

struct View1: View {
    @State private var isNavPresented = false
    
    var body: some View {
        Button("打开View2") {
            isNavPresented = true
        }
        .sheet(isPresented: $isNavPresented) {
            NavigationView {
                View2(dismissRoot: { isNavPresented = false })
            }
        }
    }
}

View2传递闭包给View3：

struct View2: View {
    let dismissRoot: () -> Void
    @State private var pushView3 = false
    
    var body: some View {
        Button("进入View3") {
            pushView3 = true
        }
        .navigationDestination(isPresented: $pushView3) {
            View3(dismissRoot: dismissRoot)
        }
    }
}

View3调用闭包返回主页：

struct View3: View {
    let dismissRoot: () -> Void
    
    var body: some View {
        Button("直接返回主页") {
            dismissRoot()
        }
    }
}

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