SwiftUI多层NavigationStack层级：如何从子视图调用父导航栈？

要在ChildView中触发父视图RootView1的导航栈跳转，核心思路是让子视图能够访问并修改父视图的导航状态（比如NavigationPath），而不是依赖子视图自身的NavigationStack。下面提供两种常用实现方式：

方式一：通过绑定（@Binding）传递父导航路径 #

这种方式适合父子视图直接嵌套的简单场景，直接将父视图的导航路径以绑定形式传递给子视图。

1. 定义路由枚举（可选但推荐） #

用枚举统一管理导航路由，避免硬编码，提升可维护性：

enum RootRoute: Hashable {
    case childView
    case rootView2
}

enum ChildRoute: Hashable {
    case grandChildView
}

2. 父视图RootView1实现 #

struct RootView1: View {
    // 父视图的导航路径
    @State private var rootPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $rootPath) {
            VStack(spacing: 20) {
                NavigationLink("跳转到ChildView", value: RootRoute.childView)
            }
            .navigationDestination(for: RootRoute.self) { route in
                switch route {
                case .childView:
                    // 将父导航路径以绑定形式传递给ChildView
                    ChildView(rootPath: $rootPath)
                case .rootView2:
                    RootView2()
                }
            }
            .navigationTitle("RootView1")
        }
    }
}

3. 子视图ChildView实现 #

struct ChildView: View {
    // 接收父视图的导航路径绑定
    @Binding var rootPath: NavigationPath
    // 子视图自身的导航路径
    @State private var childPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $childPath) {
            VStack(spacing: 20) {
                // 子视图自身的导航跳转（使用子栈）
                NavigationLink("跳转到孙视图", value: ChildRoute.grandChildView)
                
                // 触发父视图导航栈跳转RootView2
                Button("跳转到RootView2（父栈）") {
                    // 方式1：追加到父栈，保留之前的导航历史
                    rootPath.append(RootRoute.rootView2)
                    
                    // 方式2：替换父栈，直接跳转到RootView2并清空历史（按需选择）
                    // rootPath = [RootRoute.rootView2]
                }
            }
            .navigationDestination(for: ChildRoute.self) { _ in
                Text("孙视图")
                    .navigationTitle("孙视图")
            }
            .navigationTitle("ChildView")
        }
    }
}

// 目标视图RootView2
struct RootView2: View {
    var body: some View {
        Text("RootView2")
            .navigationTitle("RootView2")
    }
}

方式二：通过环境对象（@EnvironmentObject）传递导航管理器 #

如果存在多层嵌套子视图都需要访问父导航栈，用环境对象可以避免层层传递绑定，更优雅。

1. 定义导航管理器类 #

class NavigationManager: ObservableObject {
    @Published var path = NavigationPath()
}

2. 父视图RootView1实现 #

struct RootView1: View {
    @StateObject private var rootNavManager = NavigationManager()
    
    var body: some View {
        NavigationStack(path: $rootNavManager.path) {
            VStack(spacing: 20) {
                NavigationLink("跳转到ChildView", value: RootRoute.childView)
            }
            .navigationDestination(for: RootRoute.self) { route in
                switch route {
                case .childView:
                    ChildView()
                        // 将导航管理器注入环境
                        .environmentObject(rootNavManager)
                case .rootView2:
                    RootView2()
                }
            }
            .navigationTitle("RootView1")
        }
    }
}

3. 子视图ChildView实现 #

struct ChildView: View {
    // 从环境中获取父视图的导航管理器
    @EnvironmentObject var rootNavManager: NavigationManager
    @State private var childPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $childPath) {
            VStack(spacing: 20) {
                NavigationLink("跳转到孙视图", value: ChildRoute.grandChildView)
                
                Button("跳转到RootView2（父栈）") {
                    rootNavManager.path.append(RootRoute.rootView2)
                    // 同样支持替换栈：rootNavManager.path = [RootRoute.rootView2]
                }
            }
            .navigationDestination(for: ChildRoute.self) { _ in
                Text("孙视图")
                    .navigationTitle("孙视图")
            }
            .navigationTitle("ChildView")
        }
    }
}

关键说明 #

• 两种方式的核心都是让子视图能够修改父视图的NavigationPath，从而触发父导航栈的跳转。
• 如果需要跳转到RootView2并清空之前的导航历史（比如从ChildView直接回到RootView2，无法返回ChildView），可以用path = [目标路由]替换原路径，而不是append。

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