Öğ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).
Görev
OrtaAdd 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()
}
}
}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