【SwiftUI】スクロールに対応したViewの作成方法

SwiftUIにおいて、スクロールに対応したViewを作成するには、ScrollViewを使用します。

iOS	13.0以上
XCode(当サイトの環境)	15.0.1

コード例
1. 縦方向のスクロール
2. 横方向のスクロール

コード例

ScrollViewの引数を設定することで、縦方向や横方向といったスクロールの方向を指定することも可能です。

縦方向のスクロール

以下のコードのようにデフォルトでは、縦にスクロールします。

import SwiftUI

struct Scrollsample: View {
    var body: some View {
        ScrollView {
            VStack {
                ForEach(0..<100) {
                    Text("スクロール用テキスト \($0)")
                }
            }
        }
    }
}

横方向のスクロール

スクロール方向を横に指定するには、以下のように”.horizontal”を指定します。

import SwiftUI

struct Scrollsample: View {
    var body: some View {
        ScrollView(.horizontal) {
            HStack {
                ForEach(0..<100) {
                    Text("スクロール用テキスト \($0)")
                }
            }
        }
    }
}