What’s the difference between leading, trailing, left, and right anchors?
Swift version: 5.6
If you wanted to pin a button to the left edge of its parent, you might write code like this:
button.leftAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leftAnchor).isActive = trueHowever, that has a problem: in right-to-left languages, the user interface ought to be flipped horizontally for the most part, but your button won’t move – you’ve specifically asked it to be pinned to the left edge regardless of the user’s device settings.
If that’s what you want, you don’t have a problem. However, if you meant “left edge for left-to-right languages and right edge for right-to-left languages,” then you should use leadingAnchor instead of leftAnchor, like this:
button.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor).isActive = trueFor the same effect on the opposite edge, you should use trailingAnchor rather than rightAnchor. Again, if you specifically want something to appear on the right regardless of language then this does not apply.
SAVE 50% To celebrate WWDC23, all our books and bundles are half price, so you can take your Swift knowledge further without spending big! Get the Swift Power Pack to build your iOS career faster, get the Swift Platform Pack to builds apps for macOS, watchOS, and beyond, or get the Swift Plus Pack to learn advanced design patterns, testing skills, and more.
Available from iOS 8.0
Similar solutions…
- How to support right-to-left languages
- How to position a view using Auto Layout anchors
- How to make a UIView fill the screen using Auto Layout anchors
- What’s the difference between @ObservedObject, @State, and @EnvironmentObject?
- What’s the difference between a function and a method?
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
