I want to add a glass effect to a fullScreenCover. How to in Swift?
Asked on 2025-09-12
1 search
To add a glass effect to a fullScreenCover in SwiftUI, you can use the new Liquid Glass effect introduced in the latest design updates. Here's a general approach based on the information from the WWDC sessions:
-
Use the Gloss Effect Modifier: Apply the gloss effect modifier to your views. By default, this effect is applied within a capsule shape behind your content.
-
Create a Glass Effect Container: If you have multiple elements that need to interact visually, use a glass effect container to group them. This ensures consistent visual results as the glass material samples content from an area larger than itself.
-
Customize the Appearance: You can customize the shape of the gloss effect by providing a shape to the modifier. For important views, use the Tint modifier to convey meaning.
-
Interactive Elements: For interactive elements, add the interactive modifier to the gloss effect. This allows the glass to react to user interactions by scaling, bouncing, and shimmering.
For more detailed guidance, you can refer to the session Build a SwiftUI app with the new design (17:57) where Liquid Glass effects are discussed.
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.
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.
Build an AppKit app with the new design
Update your AppKit 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.