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 Catch bugs as soon as they happen and know exactly why a crash occurred. Instabug's SDK grabs all the logs they need to fix bugs, crashes and performance issues in minutes instead of days. Get screenshots, device details, network logs, repro steps, and tons of other critical insights needed to resolve issues and prioritize product backlogs straight from your dashboard. It only takes a minute to integrate!
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.
