StoryboardでScrollViewとVerticalStackViewを使用して縦スクロール画面を作る

環境

• macOS: BigSur 11.4
• Xcode 12.5

手順

1. ScrollViewを親Viewに追加する¹
   

2. ScrollViewに親Viewとの制約(上下左右0)をつける²
   

3. VerticalStackViewをScrollViewに追加する
   

4. VerticalStackViewにScrollViewとの制約(上下左右0)をつける³
   

5. VerticalStackViewに["Horizontarlly in Container" = 0] の制約をつける
   

6. コンテンツを表示するView(以降、"ContentView"と記載)をVerticalStackViewに追加する
   

7. ContentViewの高さを確定する
   

8. 表示するコンテンツの数の分、高さの確定したContentViewをVerticalStackViewに追加する
   

9. 完成

---

1. ScrollViewはナビゲーションエリアから親Viewに追加できないので注意 ↩

2. 今回は大元のViewにScrollViewを追加したので、制約はSafeAreaにつける ↩

3. FlameLayoutGuideがデフォルトの制約紐付け対象になっているので、ScrollViewに切り替える ↩