Menu
CoddyTech

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.

challenge icon

Tantangan

Mudah

Tampilkan 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()
        }
    }
}
quiz iconUji dirimu

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Pengenalan SwiftUI

Latihan sendiri: Playground SwiftUI