How to add custom spacing to UIStackView items

Paul Hudson    September 20th 2017    @twostraws

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)

Available from iOS 11.0

Did this solution work for you? Please pass it on!

Tweet

Other people are reading…

• How to add blur and vibrancy using UIVisualEffectView
• How to subclass UIApplication using UIApplicationMain
• How to style the font in a UINavigationBar's title
• How to use IBInspectable to adjust values in Interface Builder
• How to use Dynamic Type to resize your app's text

About the Swift Knowledge Base

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