SwiftUI 是什么，声明式视图是如何工作的？

Question

IT Interview Practice · Accepted Answer

SwiftUI 是 Apple 的**声明式** UI 框架：你描述 UI 在给定状态下*应该*是什么样子，框架则负责搞定*如何*渲染和更新它。你不再像在 UIKit 中那样手动修改视图——你改变状态，UI 就会自动重新渲染。

## 工作原理

一个视图遵循 `View` 协议，并从计算属性 `body` 返回它的内容。`body` 是视图属性的纯函数。

```swift
struct Counter: View {
    @State private var count = 0          // source of truth

var body: some View {                 // opaque return type
        VStack(spacing: 12) {
            Text("Count: \(count)")       // re-reads count each render
            Button("Increment") {
                count += 1                 // mutating state triggers re-render
            }
        }
    }
}
```

## some View

`some View` 是一种**不透明返回类型**：它表示「某个具体的 `View` 类型，由编译器决定」。它让你无需把复杂的嵌套视图类型逐一写出，就能返回它们，同时保持类型静态以获得性能。

## 声明式 vs 命令式

- **UIKit（命令式）：** `label.text = "Count: \(count)"`——你逐个推送每次改动。
- **SwiftUI（声明式）：** `Text("Count: \(count)")`——你只声明一次这种关系；当 `count` 变化时，框架会重新调用 `body` 并对结果做 diff。

视图是轻量的 **struct**，每次状态变化时创建和丢弃它们都很廉价。SwiftUI 保留底层的渲染树，只应用其中的差异。

## 为什么这很重要

声明式模型消除了一整类 UIKit 中 UI 与数据不同步的 bug。理解 `body` 会在每次状态变化时重新运行——并且它必须保持为一个廉价的纯函数——是 SwiftUI 中其他一切（从状态到性能）的基础。

工作原理

相关问题

some View

声明式 vs 命令式

为什么这很重要