SwiftUIでListを使ってセクションごとに表示する

Swift
SwiftUI

2023年10月10日

SwiftUIでListを使ってセクションごとに表示する方法です。 Listの listStyle を指定して表示方法を変えています。

ContentView.swift

import SwiftUI

struct ContentView: View {
    var body: some View {
        List {
            Section("Normal") {
                Text("Meowth")
                Text("Ditto")
            }

            Section("Fire") {
                Text("Vulpix")
                Text("Arcanine")
                Text("Charmander")
            }
        }
        .listStyle(.grouped)
    }
}

#Preview {
    ContentView()
}