SwiftUI Academy · 课时

@State 与 @Binding

为每个属性选择合适的所有权。

第 4 / 4 课13 个步骤

@State 与 @Binding 是 CoddyKit 上的免费 SwiftUI Academy 课时。 这是第 4 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 SwiftUI Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 SwiftUI Academy 课程共包含 4 节课。

两个包装器,一个目标

@State 和 @Binding 都用于管理可变数据,但它们扮演着不同的角色。选择正确的包装器可以让所有权保持清晰。🎯

@State 负责拥有

当当前视图是真值来源时,请使用 @State。它会为视图自身创建并存储值。

@State private var count = 0

@Binding 负责借用

当值存储在其他位置,而当前视图只需要读取和写入它时,请使用 @Binding。

@Binding var count: Int

谁创建值

@State 会初始化一个值,而 @Binding 不会;它始终从拥有该值的父视图接收值。

将状态标记为私有

@State 属于视图内部,因此应将其标记为私有。外部不应直接访问并设置它。

@State private var isOn = false

保持绑定开放

@Binding 不能是私有的;父视图在创建子视图时必须能够传入值。

美元符号连接

拥有者的 @State 会通过美元符号转换为子视图的 @Binding。这就是两者之间的桥梁。

ChildView(count: $count)

视图树的顶端

真正拥有数据的最高层视图使用 @State。它下面的所有视图都通过 @Binding 借用数据。

一条简单规则

请问自己:这个值是由我创建的吗?如果是,就使用 @State;如果是父视图传给我的,就使用 @Binding。这个选择通常不会出错。

选错就会产生真实错误

如果本应使用 @Binding 却使用了 @State,子视图编辑的就会是副本。父视图永远看不到变化,界面也会悄悄失去同步。

同一个值,两种角色

同一份数据在拥有者中是 @State,在每个借用者中是 @Binding。同一个值,承担不同的职责。🔄

快速检查

快速检查如何选择包装器。

回顾:拥有还是借用

使用 @State 拥有值,使用 @Binding 借用值。根据数据的创建者选择对应的包装器,您的视图就能保持同步。🧠

免费开始

用 AI 导师学习 Swift — 免费

在浏览器中编写并运行真实代码,获得全天候 AI 导师的即时帮助,并在网页或应用中继续学习。

课程
30
课程
120

常见问题解答

「@State 与 @Binding」课时是免费的吗?

是的 — 「@State 与 @Binding」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 SwiftUI Academy 课程的其余内容,请升级到 CoddyKit PRO。 SwiftUI Academy 课程共包含 4 节课。

「@State 与 @Binding」这节课中我会学到什么?

为每个属性选择合适的所有权。 你通过在浏览器中直接运行的动手代码来练习 SwiftUI Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 SwiftUI Academy 需要有经验吗?

无需任何先前经验。CoddyKit 上的 SwiftUI Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 4 节课,共 4 节。

「@State 与 @Binding」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 SwiftUI Academy 课中编写并运行代码吗?

能。每节 SwiftUI Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 子视图为何需要 @Binding
  2. 向下传递 Binding
  3. 构建可复用的切换行
  4. @State 与 @Binding
← 返回 SwiftUI Academy