< How to create a slider and read values from it | How to create a date picker and read values from it > |
Updated for Xcode 14.2
SwiftUI’s Picker
view manages to combine UIPickerView
, UISegmentedControl
, and UITableView
in one, while also adapting to other styles on other operating systems. The great thing is that we really don’t have to care how it works – SwiftUI does a good job of adapting itself automatically to its environment.
As with most other controls, you must attach your picker to some sort of state that will track the picker’s selection. For example, this creates a colors
array and an integer that stores which color was selected, then uses that with a picker and a text view so you can see values being read back:
struct ContentView: View {
var colors = ["Red", "Green", "Blue", "Tartan"]
@State private var selectedColor = "Red"
var body: some View {
VStack {
Picker("Please choose a color", selection: $selectedColor) {
ForEach(colors, id: \.self) {
Text($0)
}
}
Text("You selected: \(selectedColor)")
}
}
}
Download this as an Xcode project
Tip: Even though the label text isn’t visible, it’s still useful because VoiceOver will use it when reading the screen.
SPONSORED Thorough mobile testing hasn’t been efficient testing. With Waldo Sessions, it can be! Test early, test often, test directly in your browser and share the replay with your team.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Link copied to your pasteboard.