SwiftUI forms: Stepper
New Courses Coming Soon
Join the waiting lists
Another useful control we can use in forms is the Stepper
view, which lets us select a number and gives a -
and +
button to decrease or increase it.
We link it to the value of a property with a @State
property wrapper, in this case counter
:
struct ContentView: View {
@State private var counter = 0
var body: some View {
Form {
Stepper("The counter is \(counter)", value: $counter)
}
}
}
You can use the in
parameter of Stepper
to limit the range of values it can accept:
Stepper("The counter is \(counter)", value: $counter, in: 0...10)
When you reach a limit, the control to increase or decrease will be gray and non-interactive.
→ Get my Swift Handbook
Here is how can I help you:
- COURSES where I teach everything I know
- CODING BOOTCAMP cohort course - next edition in 2025
- BOOKS 16 coding ebooks you can download for free on JS Python C PHP and lots more
- Follow me on X