Menu
Coddy logo textTech

ForEach

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

ForEach erstellt für jedes Element einer Sammlung eine Ansicht:

let fruits = ["Apple", "Banana", "Cherry"]

var body: some View {
    VStack {
        ForEach(fruits, id: \.self) { fruit in
            Text(fruit)
        }
    }
}

Die Closure empfängt jedes Element und gibt dessen Ansicht zurück. SwiftUI benötigt eine Möglichkeit, die Zeilen voneinander zu unterscheiden, daher fordert es eine id an. id: \.self verwendet den Wert selbst, was funktioniert, wenn jedes Element unterschiedlich ist.

Auch ein Zahlenbereich funktioniert, ganz ohne id:

ForEach(1..<4) { number in
    Text("Row \(number)")
}

Dies zeigt Row 1, Row 2 und Row 3: 1..<4 stoppt vor 4.

challenge icon

Aufgabe

Einfach

Zeige das Menü: Verwende innerhalb von VStack ForEach, um für jedes Getränk in drinks der Reihe nach ein Text zu erstellen.

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