双向绑定(@publish @binding @ObservedObject ObservedObject)

是的，双向绑定通常是指模型（Model）和视图（View）之间的关系。在 SwiftUI 中，@Binding 确实可以用于实现这种双向绑定，具体表现在以下几个方面：

模型与视图的关系：
- 模型：包含应用的数据和状态，通常用 @State、@ObservedObject、@EnvironmentObject 等属性包装器来管理。
- 视图：根据模型的状态展示内容，当模型的状态改变时，视图会自动更新。
通过 @Binding 实现双向绑定：
- 当视图中的某个状态（例如文本、颜色等）需要由父视图控制时，可以使用 @Binding。这样，子视图对 @Binding 的任何修改都会立即反映到父视图的模型中。

示例

以下是一个更详细的例子，展示了如何在模型和视图之间实现双向绑定：

import SwiftUI

// 模型
class DataModel: ObservableObject {
    @Published var text: String = "Initial Text" // 被观察的状态
}

struct ParentView: View {
    @StateObject private var model = DataModel() // 父视图的模型

    var body: some View {
        VStack {
            ChildView(text: $model.text) // 传递绑定

            Text("Parent Text: \(model.text)") // 显示父视图的文本
                .padding()
        }
    }
}

struct ChildView: View {
    @Binding var text: String // 使用 @Binding 接收父视图的状态

    var body: some View {
        VStack {
            TextField("Enter text", text: $text) // 修改 @Binding 会更新父视图的状态
                .textFieldStyle(RoundedBorderTextFieldStyle())
                .padding()

            Button("Change Parent Text") {
                text = "Updated from Child" // 更新 @Binding 会反映到父视图
            }
        }
    }
}

说明

在这个例子中，DataModel 是一个模型，它包含一个被 @Published 修饰的属性 text，这样当它的值改变时，任何观察它的视图都会自动更新。
ParentView 创建了一个 DataModel 的实例并将其传递给 ChildView。在 ChildView 中，通过 @Binding 来绑定 text 属性。
当用户在 ChildView 中输入文本或点击按钮改变 text 时，ParentView 中的 text 也会随之更新。

总结

因此，@Binding 确实在 SwiftUI 中实现了模型与视图之间的双向绑定。父视图的状态（模型）和子视图的状态（视图）之间的连接使得它们能够相互影响和同步更新。

注意：这个model必须是class，不可以是struct。struct就直接赋值了。

Previous@binding Next@state vs @binding

Last updated 8 months ago