What’s the difference between leading, trailing, left, and right anchors?
Swift version: 5.2
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.
SPONSORED Emerge helps iOS devs write better, smaller apps by profiling binary size on each pull request and surfacing insights and suggestions. Companies using Emerge have reduced the size of their apps by up to 50% in just the first day. Built by a team with years of experience reducing app size at Airbnb.
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
- What is trailing closure syntax?
- How to make a UIView fill the screen using Auto Layout anchors
- What’s the difference between @ObservedObject, @State, and @EnvironmentObject?
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
