SwiftUI中如何在NavigationStack的子视图间传递信息？

问题核心 #

你当前的实现里，Route枚举仅作为视图标识，无法携带数据；且子视图依赖navigationPath的@Binding，导致视图与导航逻辑耦合度高，无法直接在View2到View3之间传递信息。以下是两种更优的解耦方案：

方案一：给Route枚举添加关联值（轻量场景首选） #

直接扩展Route枚举，给需要传值的case添加关联数据，跳转时将数据附带在路由中，由负责导航的View1解析后传递给目标视图。同时子视图可通过@Environment(\.dismiss)处理返回，无需绑定navigationPath，降低耦合。

修改后的完整代码：

// 给Route添加关联值，支持携带任意类型数据
enum Route: Hashable {
    case view2
    case view3(data: String) // 可替换为你需要传递的模型/数据类型
}

struct View1: View {
    @State private var navigationPath: [Route] = []
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            Button("Go to view 2") {
                navigationPath.append(.view2)
            }
            .background(Color.red)
            .navigationDestination(for: Route.self) { route in
                switch route {
                case .view2:
                    // 用闭包传递跳转逻辑，View2无需感知navigationPath
                    View2(navigateToView3: { data in
                        navigationPath.append(.view3(data: data))
                    })
                case .view3(let data):
                    // 直接将路由携带的数据传给View3
                    View3(receivedData: data)
                }
            }
        }
    }
}

struct View2: View {
    // 闭包仅负责触发跳转并传值，View2职责更单一
    let navigateToView3: (String) -> Void
    
    var body: some View {
        Button("Go to view 3 with data") {
            // 这里可传递任意数据，比如用户输入、模型实例等
            navigateToView3("来自View2的消息")
        }
        .background(Color.orange)
    }
}

struct View3: View {
    @Environment(\.dismiss) private var dismiss
    // 直接接收传递的数据，无需关心导航逻辑
    let receivedData: String
    
    var body: some View {
        VStack {
            Text("收到的数据：\(receivedData)")
            Button("返回") {
                dismiss()
            }
        }
        .background(Color.green)
    }
}

优化点： #

• Route带关联值，数据与路由直接绑定，传值逻辑清晰
• View2不再依赖navigationPath，通过闭包解耦导航逻辑
• View3仅负责接收和展示数据，职责单一，耦合度大幅降低

方案二：使用ObservableObject做状态管理（复杂场景首选） #

如果应用有更多视图、复杂共享数据或导航逻辑，可将导航状态和共享数据抽离到独立的ViewModel中，用ObservableObject统一管理，所有视图通过@ObservedObject或@StateObject观察状态变化。

示例代码：

// 统一管理导航状态与共享数据
class NavigationViewModel: ObservableObject {
    @Published var navigationPath: [Route] = []
    // 可定义多视图共享的任意数据
    @Published var sharedData: String = ""
}

enum Route: Hashable {
    case view2
    case view3
}

struct View1: View {
    @StateObject private var vm = NavigationViewModel()
    
    var body: some View {
        NavigationStack(path: $vm.navigationPath) {
            Button("Go to view 2") {
                vm.navigationPath.append(.view2)
            }
            .background(Color.red)
            .navigationDestination(for: Route.self) { route in
                switch route {
                case .view2:
                    View2(vm: vm)
                case .view3:
                    View3(vm: vm)
                }
            }
        }
    }
}

struct View2: View {
    @ObservedObject var vm: NavigationViewModel
    
    var body: some View {
        VStack {
            TextField("输入要传递的数据", text: $vm.sharedData)
                .padding()
            Button("Go to view 3") {
                vm.navigationPath.append(.view3)
            }
        }
        .background(Color.orange)
    }
}

struct View3: View {
    @Environment(\.dismiss) private var dismiss
    @ObservedObject var vm: NavigationViewModel
    
    var body: some View {
        VStack {
            Text("从View2收到的数据：\(vm.sharedData)")
            Button("返回") {
                dismiss()
            }
        }
        .background(Color.green)
    }
}

优化点： #

• 导航逻辑与共享数据集中管理，视图仅负责展示和触发操作
• 适配多视图共享数据、复杂导航场景，扩展性强
• 视图间传值无需依赖路由，直接通过ViewModel的Published属性传递

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