SwiftUI+Combine：如何在ViewModel中实现模态页面关闭？

嘿，刚好你在用SwiftUI+Combine，那在ViewModel里实现视图关闭的需求，我有几个实用的方案推荐给你，适配不同场景：

方案一：用Combine的PassthroughSubject（最契合你的技术栈） #

这种方式完全贴合Combine的响应式思路，ViewModel只负责发送"需要关闭"的信号，视图订阅这个信号并执行关闭操作，解耦性拉满。

ViewModel代码： #

import Combine

class YourViewModel: ObservableObject {
    // 定义一个无参数、无错误的Subject，用来发送关闭信号
    let dismissTrigger = PassthroughSubject<Void, Never>()
    
    func handleBusinessLogic() {
        // 这里写你的业务逻辑，比如网络请求、数据处理...
        
        // 逻辑执行完成后，发送关闭信号
        dismissTrigger.send()
    }
}

视图代码： #

struct YourView: View {
    @Environment(\.dismiss) private var dismiss // iOS15+ 推荐用这个，更简洁
    // 如果你还在兼容iOS13/14，用原来的presentationMode：
    // @Environment(\.presentationMode) var presentationMode
    @StateObject private var viewModel = YourViewModel()
    private var cancellables = Set<AnyCancellable>()
    
    var body: some View {
        Button("执行业务逻辑并关闭") {
            viewModel.handleBusinessLogic()
        }
        // 订阅ViewModel的关闭信号
        .onReceive(viewModel.dismissTrigger) {
            dismiss()
            // iOS13/14替换成：presentationMode.wrappedValue.dismiss()
        }
    }
}

方案二：直接传递关闭闭包给ViewModel #

如果你的场景比较简单，不想用Combine的Subject，也可以直接把视图的关闭方法作为闭包传入ViewModel，VM执行完逻辑后直接调用。

ViewModel代码： #

class YourViewModel: ObservableObject {
    private let dismissAction: () -> Void
    
    // 通过初始化方法注入关闭闭包
    init(dismissAction: @escaping () -> Void) {
        self.dismissAction = dismissAction
    }
    
    func handleBusinessLogic() {
        // 执行业务逻辑...
        
        // 调用关闭方法
        dismissAction()
    }
}

视图代码： #

struct YourView: View {
    @Environment(\.dismiss) private var dismiss
    @StateObject private var viewModel: YourViewModel
    
    // 初始化时传入关闭闭包
    init() {
        _viewModel = StateObject(wrappedValue: YourViewModel(dismissAction: dismiss))
        // iOS13/14替换成：
        // _viewModel = StateObject(wrappedValue: YourViewModel(dismissAction: { presentationMode.wrappedValue.dismiss() }))
    }
    
    var body: some View {
        Button("执行逻辑并关闭") {
            viewModel.handleBusinessLogic()
        }
    }
}

方案三：用@Published变量监听（适合简单场景） #

还有一种更简单的方式，在VM里定义一个@Published的布尔值，视图监听这个值的变化来关闭。

ViewModel代码： #

class YourViewModel: ObservableObject {
    @Published var shouldDismiss = false
    
    func handleBusinessLogic() {
        // 业务逻辑执行完毕
        shouldDismiss = true
    }
}

视图代码： #

struct YourView: View {
    @Environment(\.dismiss) private var dismiss
    @StateObject private var viewModel = YourViewModel()
    
    var body: some View {
        Button("执行逻辑并关闭") {
            viewModel.handleBusinessLogic()
        }
        .onChange(of: viewModel.shouldDismiss) { shouldDismiss in
            if shouldDismiss {
                dismiss()
                // 可选：重置状态，避免重复触发
                viewModel.shouldDismiss = false
            }
        }
    }
}

方案对比 #

• 方案一：最适合Combine技术栈，完全响应式，VM和视图解耦，推荐优先使用
• 方案二：实现简单，耦合度稍高（VM依赖视图的关闭逻辑），适合小型项目或简单场景
• 方案三：代码量最少，但需要手动管理状态重置，适合非常简单的关闭需求

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