How to add custom spacing to UIStackView items

Written by Paul Hudson    @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 load a HTML string into a WKWebView or UIWebView: loadHTMLString()
• How to use UIActivityIndicatorView to show a spinner when work is happening
• How to animate a blur effect using UIVisualEffectView
• How to find a touch's location in a view with location(in:)
• How to set the tint color of a UIView

About the Swift Knowledge Base

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