Menu
Coddy logo textTech

Öğe Ekleme

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

Öğeleri @State içinde tutun; dizi her değiştiğinde liste güncellenir. Öğeleri eklemek için bir metin alanı ve bir düğme yeterlidir:

@State private var items = ["Milk"]
@State private var newItem = ""

var body: some View {
    VStack {
        TextField("New item", text: $newItem)
        Button("Add") {
            items.append(newItem)
            newItem = ""
        }
        List(items, id: \.self) { item in
            Text(item)
        }
    }
}

items.append(newItem) yazılan metni diziye ekler ve newItem = "" sonraki öğe için alanı temizler. items durum olduğu için liste yeni satırı hemen gösterir.

Alan boşken bir düğme devre dışı bırakılabilir: .disabled(newItem.isEmpty).

challenge icon

Görev

Orta

Add düğmesini çalışır hâle getir: newItem değerini items dizisine ekle ve ardından alanı temizle. Liste zaten items dizisini gösteriyor.

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