ForEach

List massiv va closure oladi — bu aslida ichida ForEach ishlatib ishlaydi. Lekin ba'zida ForEach-ni to'g'ridan-to'g'ri ko'rsatish kerak bo'ladi — masalan, statik qatorlar orasiga dinamik qatorlar qo'shish, yoki ScrollView ichida to'liq layout nazoratini saqlab aylanish imkonini berish uchun.

ForEach — view builder bo'lib, massivdagi har bir element uchun view yaratadi. U konteyner emas: scroll qilmaydi, qator uslubini bermaydi. Uni List, VStack, ScrollView yoki boshqa konteyner ichiga joylashtirasiz.

Asosiy qoida: ForEach faqat view-lar generatsiya qiladi, qolgan hamma narsani ota-ona konteyner bajaradi.

ForEach variantlari

ForEach(.indices) — indeks bilan kirish

ForEach(kitoblar.indices, id: \.self) { i in
    HStack {
        Text("\(i + 1).")
            .foregroundStyle(.secondary)
        Text(kitoblar[i].nomi)
    }
}

Elementning tartib raqamiga yoki indeksiga kirish kerak bo'lganda .indices ishlating. id: \.self indeksning o'zi noyob bo'lgani uchun kerak.

.onMove — qayta tartiblash

List {
    ForEach(vazifalar) { vazifa in
        Text(vazifa.nomi)
    }
    .onMove { from, to in
        vazifalar.move(fromOffsets: from, toOffset: to)
    }
}
.toolbar { EditButton() }

Edit mode yoqilganda qatorlar yonida uch chiziqli siljitish tutqichi paydo bo'ladi. EditButton() yoki .environment(\.editMode, .constant(.active)) edit mode-ni yoqadi.

ScrollView ichida ForEach

ScrollView {
    VStack(spacing: 12) {
        ForEach(kartalar) { karta in
            KartaView(karta: karta)
                .padding(.horizontal)
        }
    }
}

Qator separatorlari va inset marginsiz to'liq layout nazorati kerak bo'lganda ScrollView + VStack + ForEach kombinatsiyasini ishlating. Kartalar, feed-lar va maxsus layoutlar uchun ideal.

ForEach an'anaviy tsikl emas: U Swift-dagi for tsikl kabi ish vaqtida bajarilmaydi. Bu — ko'rsatish uchun view-lar guruhini tasvirlovchi SwiftUI view. Bu farq ishlash unumdorligi va joylashuv haqida o'ylayotganingizda muhim ahamiyat kasb etadi.

Qo'shimcha variantlar

ForEach inside VStack

ForEachni VStack ichida ishlating — tizim ro'yxat stilisiz vertikal joylashuv uchun. Kartalar, yorliq bulutlari yoki maxsus joylashuvlar uchun qulay.

var body: some View {
    VStack(alignment: .leading) {
        // Views are stacked vertically, no scrolling, no separators
        ForEach(fruits, id: \.self) { fruit in
            Text(fruit)
                .padding(.vertical, 4)
        }
    }
}

ForEach inside List with extra static rows

List ichida ForEach ni aniq ishlatishning asosiy sababi: dinamik kontent bilan statik qatorlar, sarlavhalar, pastki qatorlarni aralashtirib ishlatish mumkin.

List {
    // A static row above the dynamic content
    Text("Today's picks")
        .font(.headline)

    // ForEach generates one row per fruit
    ForEach(fruits, id: \.self) { fruit in
        Text(fruit)
    }

    // Another static row below
    Text("End of list")
        .foregroundStyle(.secondary)
}

ForEach with identifiable struct

List kabi, agar modelingiz Identifiable bo'lsa id: parametrni o'tkazib yuborishingiz mumkin. Bu haqiqiy SwiftUI kod bazalarida eng keng tarqalgan pattern.

struct Book: Identifiable {
    let id = UUID()
    let title: String
    let author: String
}

List {
    // No id: parameter needed — ForEach finds it via Identifiable
    ForEach(books) { book in
        Text(book.title)
    }
}

ForEach with index using enumerated

Ma'lumot bilan birga qator raqamini ham olish uchun .indices ishlating. Elementlar o'chirilishi mumkin bo'lgan ro'yxatlarda muammo chiqarishi mumkin — faqat o'qish uchun ro'yxatlarda ishlating.

List {
    // indices gives you 0, 1, 2... — useful when you need the position
    ForEach(fruits.indices, id: \.self) { index in
        // Access the element using the index
        Text("\(index + 1). \(fruits[index])")
    }
}

Tezkor ma'lumotnoma

Topshiriq: tahrirlash mumkin ro'yxat

@State massiv yarating. List + ForEach bilan ko'rsating. .onDelete qo'shing. .onMove qo'shing. Toolbarga EditButton() qo'shing. Simulyatorda swipe-to-delete va drag-to-reorder-ni sinab ko'ring.