SwiftUIの仕組み — 知識ノート

View は値型#

swift

struct ContentView: View {
    var body: some View { Text("Hello") }
}

View は struct。 UIKit の UIView（参照型のオブジェクト）とは根本的に違う。

View は画面そのものではなく、「こう表示してほしい」という記述。 SwiftUI が実際の描画用の構造（レンダーツリー）を管理する。

だから View を何度作り直しても安い。

swift

var body: some View {
    VStack {
        Text("A")
        Text("B")
    }
}

some View は不透明型。具体的には VStack<TupleView<(Text, Text)>> のような 巨大な型になっているが、書き手は意識しなくてよい。

型が具体的なので静的にディスパッチされ、速い。

波括弧の中の複数行が 1 つの値にまとまるのは、 `ViewBuilder（結果ビルダ）による変換。末尾クロージャと組み合わさって宣言的な記法が成立している。

状態が変わる
   ↓
依存している View の body を再評価する
   ↓
新旧の View 木を比較する
   ↓
差分だけを実際の描画に反映する

body が呼ばれても、画面全体が描き直されるわけではない。

差分計算のために、SwiftUI は View の「同一性」を追跡する。

種類	決まり方
構造的同一性	View 木の中の位置
明示的同一性	`.id()`、`ForEach` の `id`

ForEach の id を配列の添字にすると、挿入・削除で同一性がずれてアニメーションが乱れる。 安定した ID を渡す必要がある。