ForEach
Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 29 dari 50.
ForEach membuat satu tampilan untuk setiap elemen dalam koleksi:
let fruits = ["Apple", "Banana", "Cherry"]
var body: some View {
VStack {
ForEach(fruits, id: \.self) { fruit in
Text(fruit)
}
}
}Closure menerima setiap elemen dan mengembalikan tampilannya. SwiftUI memerlukan cara untuk membedakan setiap baris, jadi SwiftUI meminta id. id: \.self menggunakan nilai itu sendiri, dan ini berfungsi jika setiap elemen berbeda.
Rentang angka juga bisa digunakan, tanpa id:
ForEach(1..<4) { number in
Text("Row \(number)")
}Ini menampilkan Row 1, Row 2, dan Row 3: 1..<4 berhenti sebelum 4.
Tantangan
MudahTampilkan menu: di dalam VStack, gunakan ForEach untuk membuat satu Text untuk setiap minuman dalam drinks, secara berurutan.
Coba sendiri
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Pengenalan SwiftUI
Latihan sendiri: Playground SwiftUI