| < How to detect when the size or position of a view changes | How to create stacks using VStack and HStack > |
How to automatically add appropriate padding for the current scene
Updated for Xcode 16.4
New in iOS 26
If you've ever wanted to get something aligned exactly with system controls – think, "how can I indent this view so that it aligns with the left edge of my navigation title?" – then you're looking for the scenePadding() modifier.
So, in this code the leading edge of "Hello, world!" will precisely match the leading edge of the "SwiftUI" navigation title:
NavigationStack {
VStack {
Text("Hello, world!")
.frame(maxWidth: .infinity, alignment: .leading)
.scenePadding(.horizontal)
Spacer()
}
.navigationTitle("SwiftUI")
}
Download this as an Xcode project
This modifier is also helpful on macOS and watchOS, where it automatically applies the suggested amount of padding to your views to be consistent with the rest of the user interface.
SAVE 50% All our books and bundles are half price for Black Friday, so you can take your Swift knowledge further for less! Get my all-new book Everything but the Code to make more money with apps, 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 Swift Testing, design patterns, and more.
Similar solutions…
- How to automatically switch between HStack and VStack based on size class
- How to add extra padding to the safe area
- How to control spacing around individual views using padding
- How to color the padding around a view
- How to add in-app purchases in SwiftUI
