SwiftUI嵌套NavigationView下如何便捷实现多级页面返回根视图

方案一：iOS 16+ 原生NavigationStack路径管理 #

完全替代逐层传绑定的旧实现，基于苹果原生的导航栈状态管理能力，不需要在层级视图间手动注入绑定变量：

• 全局统一收敛导航路径状态，根视图仅需初始化一次路由实例
• 通过环境对象将路由能力注入所有子页面，跨层跳转、返回时不需要修改上层页面的代码
• 任意层级页面触发返回根操作时，直接清空导航路径即可完成全栈跳转

核心实现代码：

import SwiftUI

// 统一管理导航栈路径
class NavigationRouter: ObservableObject {
    @Published var path = NavigationPath()
}

struct ContentViewRoot: View {
    @StateObject private var router = NavigationRouter()
    var body: some View {
        NavigationStack(path: $router.path) {
            VStack {
                Button("推入一级页面") {
                    router.path.append("FirstPage")
                }
                .navigationTitle("Root")
            }
            .navigationDestination(for: String.self) { route in
                switch route {
                case "FirstPage": ContentViewFirst()
                case "SecondPage": ContentViewSecond()
                default: EmptyView()
                }
            }
        }
        // 全局注入路由实例，所有子页面可直接通过环境读取
        .environmentObject(router)
    }
}

struct ContentViewFirst: View {
    @EnvironmentObject var router: NavigationRouter
    var body: some View {
        VStack {
            Button("推入二级页面") {
                router.path.append("SecondPage")
            }
            .navigationTitle("1st")
        }
    }
}

struct ContentViewSecond: View {
    @EnvironmentObject var router: NavigationRouter
    var body: some View {
        VStack(spacing: 24) {
            Button("返回上一级") {
                router.path.removeLast()
            }
            Button("直接返回根视图") {
                // 清空路径即可一键回到根页，无跨层绑定依赖
                router.path = NavigationPath()
            }
            .navigationTitle("2nd")
        }
    }
}

方案优势：导航逻辑完全解耦，页面层级再深也不需要修改上层的参数传递逻辑，新增页面、调整返回逻辑时的维护成本极低。

方案二：兼容iOS 13+ 低版本的统一状态管理 #

针对需要支持iOS15及以下版本的场景，同样可以摆脱逐层传绑定的开发负担，通过全局可观察对象统一管理导航激活状态：

• 将原来散落在各层级视图的导航激活状态，全部收敛到全局状态管理器中
• 根视图的NavigationLink直接绑定全局状态，子页面通过环境读取状态即可触发导航操作
• 不需要在每个页面的初始化方法中手动接收绑定参数，新增页面时不需要修改上层代码

核心实现代码：

import SwiftUI

// 全局导航状态管理器
class NavigationState: ObservableObject {
    static let shared = NavigationState()
    // 对应根级NavigationLink的激活状态
    @Published var rootLinkActive: Bool = false
    // 对应一级页面NavigationLink的激活状态
    @Published var firstLevelLinkActive: Bool = false
}

struct ContentViewRoot: View {
    @StateObject private var navState = NavigationState.shared
    var body: some View {
        NavigationView {
            VStack {
                NavigationLink(
                    destination: ContentViewFirst(),
                    isActive: $navState.rootLinkActive
                ) { EmptyView() }
                Button("推入一级页面") {
                    navState.rootLinkActive = true
                }
                .navigationBarTitle("Root")
            }
        }
        .navigationViewStyle(StackNavigationViewStyle())
        // 注入全局导航状态，子页面可直接读取
        .environmentObject(navState)
    }
}

struct ContentViewFirst: View {
    @EnvironmentObject var navState: NavigationState
    var body: some View {
        VStack {
            NavigationLink(
                destination: ContentViewSecond(),
                isActive: $navState.firstLevelLinkActive
            ) { EmptyView() }
            Button("推入二级页面") {
                navState.firstLevelLinkActive = true
            }
            .navigationBarTitle("1st")
        }
    }
}

struct ContentViewSecond: View {
    @EnvironmentObject var navState: NavigationState
    var body: some View {
        VStack(spacing: 24) {
            Button("返回上一级") {
                navState.firstLevelLinkActive = false
            }
            Button("直接返回根视图") {
                // 直接修改全局根导航状态，触发返回
                navState.rootLinkActive = false
            }
            .navigationTitle("2nd")
        }
    }
}

方案优势：和原手动传绑定的实现运行效果完全一致，但把跨层参数传递从“逐层手动注入”改为“全局状态统一读取”，减少了大量冗余的绑定传递代码，后期调整导航逻辑时不需要逐页修改参数链。

注意：使用全局状态管理导航时，避免在业务代码中随意修改导航状态，建议将导航操作统一收敛到路由方法中，防止出现不可预期的导航跳转问题。

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