[SwiftUI]List(リスト)をネスト(nest)するには？

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

Listの中にListを入れ子にする方法を紹介します。

方法
使用例

方法

Listをネストするには、frame修飾子を使います。

まず、ネストするListにframe修飾子を付与します。

そして、frame修飾子の引数「height」に高さを指定します。

List {
    List {・・・}
        .frame(height: 高さ)
}

frame修飾子の高さに指定したListが、もう１つのList内に表示されます。

listStyleを使うことでも、リストをネストすることが出来ます。

具体的には、ネストするListにlistStyle修飾子を付与し、listStyleの引数に「 .plain」を指定します。

使用例

struct ContentView: View {
    var body: some View {
        List {
            ForEach(0..<5, id: \.self) { index in
                Text("Item \(index)")
            }
            List {
                ForEach(0..<5, id: \.self) { index in
                    Text("Nested Item \(index)")
                }
            }
            .frame(height: 200)
        }
    }
}