SwiftUIでUIを作るときに絶対に使うのが VStack / HStack / ZStack
これらは「どう並べるか（レイアウト）」を決める大事なパーツです。
この記事では、初心者の方に向けて、3つのStackの使い方をシンプルに紹介します！
1 - VStack（縦に並べる）
VはVertical（垂直）の略。縦にUIを並べたいときに使います。
ポイント
- 上から下にUIが並ぶ
- spacingで間隔も調整可能
2 - HStack（横に並べる）
HはHorizontal（水平）の略。横にUIを並べたいときに使います。
左から右にUIが並ぶ
ポイント
- spacing
- alignment も使える
3 - ZStack（重ねて表示）
ZはZ軸（奥行き）のこと。UIを重ねて表示するときに使います。
組み合わせて使ってみた
まとめ
VStack
- 縦に並べる
- リストや縦レイアウトの画面
HStack
- 横に並べる
- アイコンと文字を横並びにするとき
ZStack
- 重ねて表示
- 背景画像＋テキストなどの重ね表示
最後に
VStack、HStack、ZStackを覚えるだけで、SwiftUIのレイアウトはぐっと自由になります！
ぜひ自分で色々試してみてください！