How to extend navigationbar background when using modifier safeAreaInsetBar
Asked on 2025-08-08
1 search
To extend the navigation bar background when using the safeAreaInsetBar modifier, you can use the new Background Extension Effect modifier. This modifier allows views to extend outside the safe area without clipping their content. It works by extending a copy of the image or content out of the safe area so that the real image isn't covered up. This is particularly useful for creating a seamless visual effect where the content appears to extend beyond the navigation bar or sidebar.
For more details, you can refer to the session Build a SwiftUI app with the new design (03:25) where this effect is demonstrated.
Build a SwiftUI app with the new design
Explore the ways Liquid Glass transforms the look and feel of your app. Discover how this stunning new material enhances toolbars, controls, and app structures across platforms, providing delightful interactions and seamlessly integrating your app with the system. Learn how to adopt new APIs that can help you make the most of Liquid Glass.
Platforms State of the Union
Discover the newest advancements on Apple platforms.
Build a UIKit app with the new design
Update your UIKit app to take full advantage of the new design system. We’ll dive into key changes to tab views, split views, bars, presentations, search, and controls, and show you how to use Liquid Glass in your custom UI. To get the most out of this video, we recommend first watching “Get to know the new design system” for general design guidance.