[SwiftUI]ScrollView(スクロールビュー)を横スクロール(horizontal scroll)にするには？

どうも、ちょげ(@chogetarou)です。

ScrollViewのスクロール方向を横向きにする方法を紹介します。

方法
使用例

方法

ScrollViewを横スクロールにするには、引数を使います。

具体的には、ScrollViewの引数に「.horizontal」を指定します。

ScrollView (.horizontal) {
    //要素
}

ScrollViewの引数に「.horizontal」を指定することで、スクロール方向を横にできます。

使用例

struct ContentView: View {
    var body: some View {
        ScrollView (.horizontal){
            HStack {
                ForEach(0..<20, id: \.self) { index in
                    Text("Item \(index)")
                        .padding()
                }
            }
        }
    }
}