Menu
Coddy logo textTech

Liste

Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 31 von 50.

List zeigt Zeilen im scrollenden, gruppierten Stil der Einstellungen-App an. Es übernimmt eine Sammlung und eine Closure für jede Zeile, wie ForEach:

List(books) { book in
    Text(book.title)
}

Eine Liste kann auch feste Zeilen enthalten, und Section gruppiert Zeilen unter einer Überschrift:

List {
    Section("Reading") {
        Text("Dune")
    }
    Section("Finished") {
        ForEach(finished, id: \.self) { title in
            Text(title)
        }
    }
}

Jede Zeile kann eine beliebige Ansicht enthalten: Ein HStack mit einem Symbol, Text und einem Spacer ist eine typische Zeile.

challenge icon

Aufgabe

Einfach

Zeige die Playlist als List an: eine Zeile pro Song, mit dem Bezeichner songs auf der Liste. Jede Zeile ist ein HStack mit dem Symbol music.note und dem Namen des Songs.

Probier es selbst

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Einführung in SwiftUI

Übe selbstständig: Swift-Playground