SwiftUI レイアウト

SwiftUI のレイアウトは、3 つのスタックコンテナを組み合わせて構築します。VStack は子ビューを縦方向に、HStac...

Spacer と Divider は、スタック内でビューの配置を調整するための補助ビューです。目に見えない空間を作る Space...

SwiftUI では、ビューのサイズは親から提案されたサイズ（proposed size）と子が返す理想サイズ（ideal si...

padding はビューの周囲に余白を追加するモディファイアです。UIKit の layoutMargins に相当しますが、S...

SwiftUI のスタックは、子ビューを特定のルールに従って揃えます。デフォルトの中央揃えで事足りることも多いですが、複雑な U...

GeometryReader は、親ビューから提案されたサイズや自身の座標空間上の位置を取得できるコンテナビューです。通常の S...

LazyVGrid と LazyHGrid は、スクロール可能なグリッドレイアウトを構築するためのコンテナです。「Lazy」の名...

iOS 16 で導入された Grid は、LazyVGrid よりも細かいセルレベルの制御が可能なグリッドコンテナです。行と列を...

overlay と background は、ビューの前面や背面に別のビューを重ねるモディファイアです。ZStack と似た効果...

SwiftUI のレイアウトシステムでは、親ビューが子ビューにサイズを提案し、子ビューはその提案に基づいて自身のサイズを決定しま...

iOS アプリではセーフエリア（ノッチやホームインジケーターを避けた安全な領域）を意識したレイアウトが不可欠です。SwiftUI...

iOS 16 で導入された ViewThatFits は、複数のレイアウト候補を用意しておき、利用可能なスペースに収まる最初のビ...

iOS 16 で導入された Layout プロトコルを使うと、VStack や HStack では実現できない独自のレイアウトロ...

SwiftUI のレイアウトシステムでは、スタック内の複数のビューが限られたスペースを奪い合う場面があります。layoutPri...

SwiftUI の通常のレイアウトはスタックの中で相対的に位置が決まりますが、position と offset を使うとビュー...