| < How to create a segmented control and read values from it | How to hide the label of a Picker, Stepper, Toggle, and more using labelsHidden() > |
How to create a stepper and read values from it
Updated for Xcode 13.0 beta 2
SwiftUI’s Stepper control lets users select values from a range we specify, providing the same functionality as UIStepper from UIKit.
As an example, this creates a stepper bound to an age property, letting users select values in the range 0 through 130 inclusive:
struct ContentView: View {
@State private var age = 18
var body: some View {
VStack {
Stepper("Enter your age", value: $age, in: 0...130)
Text("Your age is \(age)")
}
}
}
Download this as an Xcode project
Rather than binding directly to a value, you can also provide custom onIncrement and onDecrement closures to do custom work, like this:
struct ContentView: View {
@State private var age = 18
var body: some View {
VStack {
Stepper("Enter your age", onIncrement: {
age += 1
}, onDecrement: {
age -= 1
})
Text("Your age is \(age)")
}
}
} Download this as an Xcode project
SPONSORED From August 2nd to 8th you can join a FREE crash course for mid/senior iOS devs who want to achieve an expert level of technical and practical skills – it’s the fast track to being a complete senior developer!
Sponsor Hacking with Swift and reach the world's largest Swift community!
Similar solutions…
