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.
TAKE YOUR SKILLS TO THE NEXT LEVEL If you like Hacking with Swift, you'll love Hacking with Swift+ – it's my premium service where you can learn advanced Swift and SwiftUI, functional programming, algorithms, and more. Plus it comes with stacks of benefits, including monthly live streams, downloadable projects, a 20% discount on all books, and free gifts!
Sponsor Hacking with Swift and reach the world's largest Swift community!
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 is trailing closure syntax?
- What’s the difference between async let, tasks, and task groups?
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
