Menu
Coddy logo textTech

ForEach

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

ForEach tworzy jeden widok dla każdego elementu kolekcji:

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

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

Domknięcie otrzymuje każdy element i zwraca jego widok. SwiftUI potrzebuje sposobu na odróżnienie wierszy, dlatego wymaga podania id. id: \.self używa samej wartości, co działa, gdy każdy element jest inny.

Zakres liczb też działa, bez id:

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

To wyświetla Row 1, Row 2 i Row 3: 1..<4 zatrzymuje się przed 4.

challenge icon

Wyzwanie

Łatwy

Wyświetl menu: wewnątrz VStack użyj ForEach, aby utworzyć jeden element Text dla każdego napoju w drinks, w kolejności.

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