SwiftUI forms: Stepper
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.
→ Here's my latest YouTube video
→ Get my Swift Handbook
→ I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter
→ JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025