[SwiftUI]２列(columns)のリスト(list)を作成するには？

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

２カラムのリストを作成する方法を紹介します。

方法
使用例

方法

２列のリストを作成するには、LazyVGridを使います。

まず、要素が２つのGridItemの配列を用意します。

//要素が２つのGridItemの配列を作成
var columns: [GridItem] = Array(repeating: .init(.flexible()), count: 2)

そして、LazyVGridを配置します。

LazyVGridの引数「columns」に用意した配列、クロージャーにはリストの要素を指定します。

LazyVGrid (columns: colums) {
   //リストの要素
}

用意した配列を引数「columns」に指定したLazyVGridは、２カラムのリストを表示します。

使用例

struct ContentView: View {
    
    var columns : [GridItem] = Array(repeating: .init(.flexible()), count: 2)

    var body: some View {
        LazyVGrid(columns: columns) {
            ForEach (1..<21 ,id: \.self) { index in
                Text("Item \(index)")
                    .padding()
            }
        }
    }
}