0Pricing
Swift Academy · 课时

@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 反馈 — 无需本地设置。

此课程中的所有课时

  1. @Binding:双向数据流
  2. @ObservableObject 与 @StateObject
  3. 用于共享状态的 @EnvironmentObject
  4. 单一事实来源与单向数据流
← 返回 Swift Academy