Menu
Coddy logo textTech

Lista

Część sekcji Wprowadzenie do SwiftUI ścieżki Swift w Coddy. Lekcja 31 z 50.

List wyświetla wiersze w przewijanym, pogrupowanym stylu aplikacji Ustawienia. Przyjmuje kolekcję i domknięcie dla każdego wiersza, podobnie jak ForEach:

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

Lista może mieć także stałe wiersze, a Section grupuje wiersze pod nagłówkiem:

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

Każdy wiersz może zawierać dowolny widok: HStack z ikoną, tekstem i Spacer to typowy wiersz.

challenge icon

Wyzwanie

Łatwy

Wyświetl playlistę jako List: jeden wiersz na utwór, z identyfikatorem songs na liście. Każdy wiersz to HStack z symbolem music.note i nazwą utworu.

Spróbuj swoich sił

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI

Poćwicz samodzielnie: Edytor online SwiftUI