如何在 SwiftUI 中的两个视图模型之间共享已发布的模型?

ade*_*ris 7 model viewmodel ios swift swiftui

我试图在两个不同的视图模型中访问相同的共享模型。两个关联视图都需要访问视图模型内的模型,并且需要编辑模型。所以我不能只使用 EnvironmentObject 来访问模型。

我可以通过视图将模型传递到视图模型,但这不会使两个模型版本保持同步。有什么东西可以像绑定一样工作吗?因为通过绑定,我可以访问模型,但它不会发布此视图中的更改。

简化示例:

NavigationView 中的第一个视图与相邻的视图二:

struct ContentView1: View {
    @StateObject var contentView1Model = ContentView1Model()
    var body: some View {
        NavigationView {
            VStack{
                TextField("ModelName", text: $contentView1Model.model.name)
                NavigationLink(destination: ContentView2(model: contentView1Model.model)){
                    Text("ToContentView2")
                }
            }
        }
    }
}

class ContentView1Model: ObservableObject {
    @Published var model = Model()
    //Some methods that modify the model
}
Run Code Online (Sandbox Code Playgroud)

相邻视图 2 需要访问模型:

struct ContentView2: View {
    @StateObject var contentView2Model: ContentView2Model
    
    init(model: Model) {
        self._contentView2Model = StateObject(wrappedValue: ContentView2Model(model: model))
    }
    
    var body: some View {
        TextField("ModelName", text: $contentView2Model.model.name)
    }
}

class ContentView2Model: ObservableObject {
    
    @Published var model: Model // Tried binding but this won't publish the changes.
    
    init(model: Model) {
        self.model = model
    }
}
Run Code Online (Sandbox Code Playgroud)

模型:

struct Model {
    var name = ""
}
Run Code Online (Sandbox Code Playgroud)

谢谢您的帮助!

Asp*_*eri 6

好的,是结构体,所以当您通过Model ContentView2Model`Model传递它时它只是被复制ContentViewto

ContentView2(model: contentView1Model.model)

在这种情况下,最好将模型作为独立的模型ObservableObject,因此它将通过引用从一个视图模型传递到另一个视图模型。

class Model: ObservableObject {
    @Published var name = ""
}
Run Code Online (Sandbox Code Playgroud)

然后你可以注入它并在任何需要的子视图中进行修改,例如

struct ContentView1: View {
    @StateObject var contentView1Model = ContentView1Model()
    var body: some View {
        NavigationView {
            VStack{
                ModelEditView(model: contentView1Model.model)       // << !!
                NavigationLink(destination: ContentView2(model: contentView1Model.model)){
                    Text("ToContentView2")
                }
            }
        }
    }
}

struct ContentView2: View {
    @StateObject var contentView2Model: ContentView2Model
    
    init(model: Model) {
        self._contentView2Model = StateObject(wrappedValue: ContentView2Model(model: model))
    }
    
    var body: some View {
        ModelEditView(model: contentView2Model.model)       // << !!
    }
}

struct ModelEditView: View {
    @ObservedObject var model: Model
    
    var body: some View {
        TextField("ModelName", text: $model.name)
    }
}
Run Code Online (Sandbox Code Playgroud)

  • 到目前为止一切顺利,但是我如何将 ModelEditView 视图内观察到的对象所做的更改发布到“父视图”?例如,如果 ContentView1 中有一个文本视图,它访问模型中存储的名称。底层模型由 ModelEditView 更改,但它不会将更改发布到父视图。谢谢 (2认同)