使用SwiftUI的@Observable宏实现跨ViewModel的Sheet触发与双向状态同步方案咨询

你现在的问题核心是两个独立的ViewModel无法共享状态——当前SecondViewModel初始化时只是拿到了ContentViewModel中selectedMapItem的当前值（值传递），两者的selectedMapItem是完全独立的变量，所以修改SecondViewModel的属性不会同步到ContentViewModel，自然无法触发Sheet。

结合@Observable宏的特性，我给你两种优雅的解决方案，都是基于共享单一状态源的思路，这也是SwiftUI状态管理的核心原则之一：

方案一：让SecondViewModel直接引用ContentViewModel #

这种方式最直接，适合两个ViewModel有明确父子依赖关系的场景：

修改后的完整代码 #

import SwiftUI

@main
struct Example_appApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

struct Place: Hashable, Identifiable {
    var id: String { name }
    var name: String
}

// 主ViewModel
@Observable class ContentViewModel {
    var selectedMapItem: Place?
}

// 子ViewModel持有主ViewModel的引用
@Observable class SecondViewModel {
    private let parentModel: ContentViewModel
    
    init(parentModel: ContentViewModel) {
        self.parentModel = parentModel
    }
    
    func triggerSheet(with name: String) {
        parentModel.selectedMapItem = Place(name: name)
    }
}

struct SecondView: View {
    var model: SecondViewModel
    
    var body: some View {
        Button {
            model.triggerSheet(with: "XXX")
        } label: {
            Text("Second trigger")
        }
    }
}

struct ContentView: View {
    @Bindable var model: ContentViewModel
    
    init() {
        self.model = ContentViewModel()
    }
    
    var body: some View {
        NavigationStack {
            Text("First trigger")
                .onTapGesture {
                    model.selectedMapItem = Place(name: "Name")
                }
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .overlay(alignment: .bottom) {
                    // 直接传入主ViewModel的引用给子ViewModel
                    SecondView(model: SecondViewModel(parentModel: model))
                }
                .sheet(item: $model.selectedMapItem) { item in
                    Color.red
                        .overlay(Text("Sheet for: \(item.name)"))
                }
        }
    }
}

#Preview {
    ContentView()
}

关键修改点： #

1. SecondViewModel依赖ContentViewModel：不再自己维护selectedMapItem，而是持有父ViewModel的引用，通过修改父ViewModel的属性来触发Sheet
2. 封装触发逻辑：给SecondViewModel添加triggerSheet(with:)方法，让状态修改的逻辑内聚在ViewModel中，符合MVVM的职责分离
3. SecondView初始化时传入父ViewModel：保证子ViewModel和父ViewModel共享同一个状态源

方案二：使用独立的共享状态容器 #

如果你的两个ViewModel是平级关系（没有明确父子依赖），推荐用这种方式——把Sheet的触发状态抽成一个独立的Observable类，让两个ViewModel都持有这个容器的引用：

修改后的完整代码 #

import SwiftUI

@main
struct Example_appApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

struct Place: Hashable, Identifiable {
    var id: String { name }
    var name: String
}

// 独立的Sheet状态容器，专门管理Sheet的触发状态
@Observable class SheetState {
    var selectedMapItem: Place?
}

// 主ViewModel持有Sheet状态容器
@Observable class ContentViewModel {
    let sheetState: SheetState
    
    init(sheetState: SheetState) {
        self.sheetState = sheetState
    }
    
    func triggerSheet(with name: String) {
        sheetState.selectedMapItem = Place(name: name)
    }
}

// 子ViewModel同样持有Sheet状态容器
@Observable class SecondViewModel {
    let sheetState: SheetState
    
    init(sheetState: SheetState) {
        self.sheetState = sheetState
    }
    
    func triggerSheet(with name: String) {
        sheetState.selectedMapItem = Place(name: name)
    }
}

struct SecondView: View {
    var model: SecondViewModel
    
    var body: some View {
        Button {
            model.triggerSheet(with: "XXX")
        } label: {
            Text("Second trigger")
        }
    }
}

struct ContentView: View {
    @Bindable var model: ContentViewModel
    @Bindable var sheetState: SheetState
    
    init() {
        let sheetState = SheetState()
        self.sheetState = sheetState
        self.model = ContentViewModel(sheetState: sheetState)
    }
    
    var body: some View {
        NavigationStack {
            Text("First trigger")
                .onTapGesture {
                    model.triggerSheet(with: "Name")
                }
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .overlay(alignment: .bottom) {
                    SecondView(model: SecondViewModel(sheetState: sheetState))
                }
                // 监听共享的SheetState来触发Sheet
                .sheet(item: $sheetState.selectedMapItem) { item in
                    Color.red
                        .overlay(Text("Sheet for: \(item.name)"))
                }
        }
    }
}

#Preview {
    ContentView()
}

关键修改点： #

1. 抽离独立状态容器：SheetState专门负责管理Sheet的触发状态，符合单一职责原则
2. 两个ViewModel共享容器：无论是ContentViewModel还是SecondViewModel，都通过修改这个共享容器的属性来触发Sheet
3. ContentView监听共享状态：Sheet的触发源从ContentViewModel改为共享的SheetState，保证任何ViewModel修改状态都会同步触发Sheet

为什么这两种方案有效？ #

@Observable宏的核心是当Observable对象的属性发生变化时，所有绑定它的View或Bindable对象都会收到更新通知。只要两个ViewModel操作的是同一个Observable对象的属性（无论是直接引用父ViewModel，还是引用同一个状态容器），状态变化就会自动同步，从而正确触发Sheet。

另外要注意：

• 避免用值传递的方式传递状态（你原来的写法就是这个问题）
• 尽量把状态修改的逻辑封装在ViewModel内部（比如用triggerSheet方法），而不是在View中直接修改属性，这样代码更易维护和测试

内容来源于stack exchange