How to add custom spacing to UIStackView items
Swift version: 5.6
Each UIStackView has an overall spacing property that affects spacing between all of its arranged subviews, but in addition you can add custom spacing after specific views – for example, “put 20 points of space under this button.”
To make that happen, use the setCustomSpacing() method of your stack view, providing it the number of points of spacing you want and the view that should precede the spacing.
For example, this code creates a stack view and a button, adds the button to the stack view, then requests 20 points of spacing after it:
let stackView = UIStackView()
let btn = UIButton()
stackView.addArrangedSubview(btn)
stackView.setCustomSpacing(20, after: btn)BUILD THE ULTIMATE PORTFOLIO APP Most Swift tutorials help you solve one specific problem, but in my Ultimate Portfolio App series I show you how to get all the best practices into a single app: architecture, testing, performance, accessibility, localization, project organization, and so much more, all while building a SwiftUI app that works on iOS, macOS and watchOS.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Available from iOS 11.0
Similar solutions…
- How to add spacing between letters in text
- How to customize stack layouts with alignment and spacing
- How to style text views with fonts, colors, line spacing, and more
- How to control spacing around individual views using padding
- What are the different UIStackView distribution types?
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
