NEW: Join my free 100 Days of SwiftUI challenge today! >>

How to use UIStepper to let users change number values

Swift version: 5.1

Paul Hudson    @twostraws   

UIStepper is one of those controls that doesn’t get used often, which is a shame – it’s trivial to add, and helps users select a value more accurately than a UISlider.

Here’s some code to help you try it out:

let stepper = UIStepper()
stepper.minimumValue = 0
stepper.maximumValue = 10
stepper.value = 5

That tells iOS to let the stepper move from 0 to 10 (inclusive), starting at 0. By default the autorepeat property of steppers is set to true, which means the user can press and hold to increment values rather than tapping repeatedly.

Next, add some code to position your stepper where you want it. This places it at the top of the safe area, aligned to the center:

stepper.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(stepper)

stepper.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor).isActive = true
stepper.centerXAnchor.constraint(equalTo: view.safeAreaLayoutGuide.centerXAnchor).isActive = true

Finally, connect an @objc method to the valueChanged event like this:

stepper.addTarget(self, action: #selector(stepperChanged), for: .valueChanged)

LEARN SWIFTUI FOR FREE I have a massive, free SwiftUI video collection on YouTube teaching you how to build complete apps with SwiftUI – check it out!

Available from iOS 5.0

Similar solutions…

About the Swift Knowledge Base

This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.

BUY OUR BOOKS
Buy Pro Swift Buy Swift Design Patterns Buy Testing Swift Buy Hacking with iOS Buy Swift Coding Challenges Buy Swift on Sundays Volume One Buy Server-Side Swift (Vapor Edition) Buy Advanced iOS Volume One Buy Advanced iOS Volume Two Buy Advanced iOS Volume Three Buy Hacking with watchOS Buy Hacking with tvOS Buy Hacking with macOS Buy Dive Into SpriteKit Buy Swift in Sixty Seconds Buy Objective-C for Swift Developers Buy Server-Side Swift (Kitura Edition) Buy Beyond Code

Was this page useful? Let us know!

Average rating: 3.0/5