TextField
Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 24 dari 50.
TextField memungkinkan pengguna mengetik. Komponen ini membutuhkan placeholder dan binding ke state String:
@State private var name = ""
var body: some View {
VStack {
TextField("Your name", text: $name)
Text("Hello, \(name)!")
}
}$ dalam $name mengubah state menjadi binding: koneksi dua arah. Field menampilkan nilai name, dan setiap tombol yang diketik pengguna akan menulis kembali ke dalamnya. Teks di bawah membaca state yang sama, sehingga diperbarui setiap kali tombol ditekan.
.textFieldStyle(.roundedBorder) menggambar kotak bersudut membulat yang familier di sekeliling kolom.
Tantangan
MudahSapa pengguna dengan namanya. Tambahkan TextField dengan placeholder Your name yang terhubung ke name, lalu berikan identifier name. Pertahankan teks sapaan, yang seharusnya berbunyi Hello, Ada! setelah pengguna mengetik Ada.
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