单一事实来源与单向数据流
使用一个权威状态模型设计 SwiftUI 应用。
单一事实来源与单向数据流 是 CoddyKit 上的免费 Swift Academy 课时。 这是第 4 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Swift Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Swift Academy 课程共包含 4 节课。
欢迎
单向数据流意味着状态沿视图树向下流动,而事件向上流动。一个唯一可信的事实来源可以消除不一致。
原则
```
State → View → Event → State mutation → View re-renders
```
视图是状态的纯函数。它们不决定状态是什么——只负责显示状态并发出事件。
模型驱动的用户界面
```swift
struct AppState { var count = 0; var filter: Filter = .all }
struct AppView: View {
@State var state = AppState()
var body: some View { CounterView(state: state, onIncrement: { state.count += 1 }) }
}
```
避免重复状态
```swift
// ❌ Duplicate state — can drift out of sync:
@State var isLoading = false
@ObservedObject var viewModel: ViewModel // also has isLoading
// ✓ Single source:
@ObservedObject var viewModel: ViewModel // owns all state
```
操作/事件模式
```swift
enum CounterAction { case increment, decrement, reset }
func reduce(state: inout AppState, action: CounterAction) {
switch action {
case .increment: state.count += 1
case .decrement: state.count -= 1
case .reset: state.count = 0
}
}
```
TCA(可组合架构)
可组合架构(开源)在 Swift 中通过归约器、效果和存储库将这一模式形式化——类似于 React 中的 Redux。
避免双向冲突
```swift
// ✓ Clear ownership: parent owns, child observes:
struct Parent: View {
@State private var text = ""
var body: some View { Child(text: $text) }
}
struct Child: View {
@Binding var text: String
var body: some View { TextField("", text: $text) }
}
```
向上传播更改
使用闭包(回调)向上传播事件:
```swift
struct Child: View {
var onDelete: () -> Void
var body: some View { Button("Delete", action: onDelete) }
}
```
测试单向代码
纯状态 + 纯归约器可以轻松测试:
```swift
var state = AppState()
reduce(state: &state, action: .increment)
XCTAssertEqual(state.count, 1)
```
优势
• 可预测:相同状态 → 相同用户界面
• 易调试:记录每个操作和状态更改
• 易测试:逻辑测试无需用户界面
• 时间旅行调试:重放状态历史
快速检查
在单向数据流中,什么会触发状态更改?
回顾
要点:
• 状态向下流动;事件向上流动
• 一个唯一事实来源——没有重复状态
• 使用操作/归约器编写可测试的状态更改逻辑
• 使用回调将事件从子视图传递到父视图
• 纯状态 + 归约器 = 简单的单元测试
课程完成!下一课:Combine 框架。
常见问题解答
「单一事实来源与单向数据流」课时是免费的吗?
是的 — 「单一事实来源与单向数据流」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Swift Academy 课程的其余内容,请升级到 CoddyKit PRO。 Swift Academy 课程共包含 4 节课。
「单一事实来源与单向数据流」这节课中我会学到什么?
使用一个权威状态模型设计 SwiftUI 应用。 你通过在浏览器中直接运行的动手代码来练习 Swift Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Swift Academy 需要有经验吗?
无需任何先前经验。CoddyKit 上的 Swift Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 4 节课,共 4 节。
「单一事实来源与单向数据流」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 Swift Academy 课中编写并运行代码吗?
能。每节 Swift Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。