@Binding:双向数据流
使用 @Binding 和 $ 前缀沿视图层级向下传递可变状态。
@Binding:双向数据流 是 CoddyKit 上的免费 Swift Academy 课时。 这是第 1 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Swift Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Swift Academy 课程共包含 4 节课。
欢迎
`@Binding` 在父视图的状态与子视图之间建立双向连接,使子视图能够读取和写入父视图的值,而无需拥有该值。
创建 Binding
```swift
struct Parent: View {
@State private var name = ""
var body: some View {
ChildView(name: $name) // $ creates Binding
}
}
struct ChildView: View {
@Binding var name: String
var body: some View { TextField("Name", text: $name) }
}
```
$ 前缀
`$name` 作用于 `@State` 属性时,会返回一个 `Binding`——它引用父视图的存储,并允许双向读取和写入。
通过 Binding 写入
```swift
struct Toggle: View {
@Binding var isOn: Bool
var body: some View {
Button(isOn ? "On" : "Off") { isOn.toggle() }
}
}
```
用于预览的常量 Binding
```swift
#Preview {
ChildView(isOn: .constant(true)) // non-mutable binding for preview
}
```
绑定到集合元素
```swift
ForEach($items) { $item in // $items is Binding<[Item]>
TextField("Name", text: $item.name)
}
```
@State 与 @Binding 总结
• `@State` — *拥有*该值,并存储在视图中
• `@Binding` — *引用*另一个视图的状态,不拥有该状态
• 通过 `@Binding` 进行的更改会传回拥有者
派生 Binding
```swift
let isLarge: Binding = $fontSize.map(
get: { $0 > 18 },
set: { $0 ? 24 : 14 }
)
```
Binding<Optional>
```swift
if let $item = $selectedItem {
DetailView(item: $item)
}
```
Swift 5.7+ 支持使用 `if let $binding` 进行可选绑定。
多个 Binding
```swift
struct Form: View {
@State private var name = ""
@State private var age = 0
var body: some View {
FormFields(name: $name, age: $age)
}
}
```
快速检查
`@State` 属性上的 `$` 前缀会返回什么?
回顾
关键要点:
• `@Binding var x: T` — 可读写引用,不拥有该值
• `$stateProperty` 创建 `Binding`
• 使用 `.constant(value)` 创建不可变的预览 Binding
• 子视图通过 `@Binding` 写入时,会更新父视图的 `@State`
• 使用 `ForEach($collection) { $element in }` 进行可变迭代
下一步:@ObservableObject。
常见问题解答
「@Binding:双向数据流」课时是免费的吗?
是的 — 「@Binding:双向数据流」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Swift Academy 课程的其余内容,请升级到 CoddyKit PRO。 Swift Academy 课程共包含 4 节课。
「@Binding:双向数据流」这节课中我会学到什么?
使用 @Binding 和 $ 前缀沿视图层级向下传递可变状态。 你通过在浏览器中直接运行的动手代码来练习 Swift Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Swift Academy 需要有经验吗?
无需任何先前经验。CoddyKit 上的 Swift Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 1 节课,共 4 节。
「@Binding:双向数据流」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 Swift Academy 课中编写并运行代码吗?
能。每节 Swift Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。