Menu
Coddy logo textTech

ForEach

Coddy'nin Swift Journey'sinin SwiftUI'ye Giriş bölümünün bir parçası. Ders 29 / 50.

ForEach, bir koleksiyonun her öğesi için bir görünüm oluşturur:

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

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

Closure, her öğeyi alır ve onun görünümünü döndürür. SwiftUI’nin satırları birbirinden ayırabilmesi için bir yol gerekir; bu nedenle bir id ister. id: \.self, değerin kendisini kullanır; bu, her öğe farklı olduğunda işe yarar.

Bir sayı aralığı da id olmadan çalışır:

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

Bu, Row 1, Row 2 ve Row 3 değerlerini gösterir: 1..<4, 4 değerinden önce durur.

challenge icon

Görev

Kolay

Menüyü gösterin: VStack içinde, ForEach kullanarak drinks içindeki her içecek için sırayla bir Text oluşturun.

Kendin dene

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconKendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

SwiftUI'ye Giriş bölümündeki tüm dersler

Kendi başına pratik yap: Swift playground