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.
Wyzwanie
ŁatwyWyś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()
}
}
}Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Wprowadzenie do SwiftUI
10Projekt – Kawiarnia Coddy
Przegląd projektuEkrany napojów2Wyświetlanie treści
Widoki tekstoweLiczby w tekścieCzcionkiKolorySF SymbolsPodsumowanie — metka z ceną5Stan i przyciski
PrzyciskiWłaściwość @StateStan prawda lub fałszWidoki warunkowePodsumowanie — licznik punktów6Dane wejściowe użytkownika
Pole tekstowePrzełącznikPrzyciski krokowe i suwakSelektorPodsumowanie – formularz zamówieniaPoćwicz samodzielnie: Edytor online SwiftUI