Picker
Termasuk bagian Pengenalan SwiftUI dalam perjalanan Swift di Coddy. Pelajaran 27 dari 50.
Picker memilih satu nilai dari daftar opsi. Setiap opsi adalah view dengan .tag, dan tag dari opsi yang dipilih ditulis ke state yang terikat:
@State private var size = "Medium"
Picker("Size", selection: $size) {
Text("Small").tag("Small")
Text("Medium").tag("Medium")
Text("Large").tag("Large")
}Tag harus memiliki tipe yang sama dengan state, di sini String. .pickerStyle(.segmented) menampilkan opsi sebagai baris segmen:
Picker("Size", selection: $size) {
Text("S").tag("Small")
Text("L").tag("Large")
}
.pickerStyle(.segmented)
Tantangan
MudahTambahkan Picker berjudul Milk, yang terhubung ke milk, dengan identifier milk dan tiga opsi: Whole, Oat, dan Soy, masing-masing diberi tag dengan namanya sendiri. Pertahankan teks di bawahnya yang menampilkan pilihan.
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