在 SwiftUI MVVM 中的子视图和父视图之间共享值答案

【问题标题】：Share value between child and parent view in SwiftUI MVVM在 SwiftUI MVVM 中的子视图和父视图之间共享值
【发布时间】：2020-05-17 18:59:29
【问题描述】：

我正在尝试使用 SwiftUI 和 MVVM 架构编写应用程序。我了解视图模型更改时视图如何自动更新，但我不知道如何在父视图中访问该视图模型。例如，我有一个包含红色背景文本字段的视图：

class CustomTextFieldViewModel: ObservableObject {
    @Published var text: String = "abc"
}

struct CustomTextField: View {
    @ObservedObject var viewModel: CustomTextFieldViewModel

    var body: some View {
        ZStack {
            Color.red
                .frame(height: 50)
            TextField("Enter text...", text: $viewModel.text)
        }
    }
}

然后我的主要内容视图包含此 CustomTextField 的实例以及应该引用文本字段文本的 Text：

class ContentViewModel: ObservableObject {
    @Published var textFieldModel = CustomTextFieldViewModel()
}

struct ContentView: View {
    @ObservedObject var viewModel = ContentViewModel()
    var body: some View {
        VStack {
            CustomTextField(viewModel: $viewModel.textFieldModel)
            TextField("type", text: $viewModel.textFieldModel.text)
        }
    }
}

当我第一次启动应用程序时，文本标签确实显示了“abc”的初始值，但是当我在文本字段中输入时，它不会更新。我怎样才能“同步”这两者？

【问题讨论】：

标签： ios swift mvvm swiftui

【解决方案1】：

这里是修复

struct ContentView: View {
    @ObservedObject var viewModel = ContentViewModel()
    var body: some View {
        VStack {
            CustomTextField(viewModel: viewModel.textFieldModel) // << fix !!
            Text("\(viewModel.textFieldModel.text)")
        }
    }
}

【讨论】：

我最终修复了它。不仅如此，CustomTextField 中的viewModel 也应该是@Binding。

【解决方案2】：

我最终通过这样做来修复它：

class ContentViewModel: ObservableObject {
    @Published var textFieldModel = CustomTextFieldViewModel()
}

struct ContentView: View {
    @ObservedObject var viewModel = ContentViewModel()
    var body: some View {
        VStack {
            CustomTextField(viewModel: $viewModel.textFieldModel)
            Text("\($viewModel.textFieldModel.text.wrappedValue)") //<< wrappedValue
        }
    }
}

和

class CustomTextFieldViewModel: ObservableObject {
    @Published var text: String = "abc"
}

struct CustomTextField: View {
    @Binding var viewModel: CustomTextFieldViewModel //<< @Binding

    var body: some View {
        ZStack {
            Color.red
                .frame(height: 50)
            TextField("Enter text...", text: $viewModel.text)
        }
    }
}

【讨论】：