SwiftUIでListを表示する

iOS
Swift
SwiftUI

2019年11月13日

SwiftUI でList を表示する方法です。画面遷移後の画面なので、NavigationBar がいます。

SwiftUI List

ContentView.swift

import SwiftUI

struct Fruit: Identifiable {
    var id: Int
    let name: String
}

struct ContentView: View {
    let fruits: [Fruit] = [
        Fruit(id: 0, name: "Apple"),
        Fruit(id: 1, name: "Banana"),
        Fruit(id: 2, name: "Orange"),
        Fruit(id: 3, name: "Grape"),
        Fruit(id: 4, name: "WaterMelon"),
    ]

    var body: some View {
        VStack {
            Divider()
            List (fruits) { fruit in
                Text(fruit.name)
            }
                .edgesIgnoringSafeArea([.bottom])
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}