Menambahkan Item
Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 32 dari 50.
Simpan item di @State dan daftar akan diperbarui setiap kali array berubah. Text field dan tombol cukup untuk menambahkan item:
@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) menambahkan teks yang diketik ke array, dan newItem = "" mengosongkan kolom untuk item berikutnya. Karena items adalah state, list langsung menampilkan baris baru.
Tombol dapat dinonaktifkan saat kolom kosong: .disabled(newItem.isEmpty).
Tantangan
SedangBuat tombol Add berfungsi: tambahkan newItem ke items, lalu kosongkan kolom. Daftar sudah menampilkan items.
Coba sendiri
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
Uji dirimuPelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Pengenalan SwiftUI
Latihan sendiri: Playground SwiftUI