👖SwiftUIのlayoutシステム

SwiftUIにおけるlayoutの仕組みを調べたのでまとめる。 Viewの種類やmodifierによるlayoutの違い どのようにViewのframeが決定されるか UI実装時のよくある問題 SwiftUIの仕組みを理解していない場合、以下のような問題が起きがちになる。 表示上は正しいけど実装が無駄に複雑になっている fixedSize()をつけるとなんかよく分からないけど直る frame(maxWidth:)、layoutPriority(_:)が思った通りに効かない 例題 例えば以下のような仕様を実装しようとしてみる。 タイトルとサブタイトルを横に並べる タイトルを可能な限り広く表示し、左寄せにする サブタイトルの最大幅は100pxまでとし、右寄せにする 以下のコードではタイトルが早めに改行されてしまい、スペースを有効活用できていない実装になってしまっている。 なんとなくタイトルに