- July 26, 2025
- Mins Read
View modifiers that wrap UIVisualEffectView
and all of its associated objects, with environment integration for storing effect styles. Vibrancy effects will always use the current blur effect style for proper vibrancy-effect layering.
YourView()
// Add a blur effect.
.blurEffect()
// Style the blur effect.
.blurEffectStyle(.systemChromeMaterial)
YourView()
// Add a vibrancy effect.
.vibrancyEffect()
// Style the vibrancy effect.
.vibrancyEffectStyle(.fill)
ZStack {
YourBackgroundContent()
// Add a blur effect.
.blurEffect()
YourForegroundContent()
// Add a vibrancy effect.
.vibrancyEffect()
}
// Set the style for blur effects within this view.
.blurEffectStyle(.systemChromeMaterial)
// Set the style for vibrancy effects within this view.
.vibrancyEffectStyle(.fill)
Adding both a blur and vibrancy effect directly to a view only displays the blur effect.
If you’d like to blur the view’s background content, while adding vibrancy to the view’s foreground content, use the .background()
modifier, and pass BlurEffect()
as its argument. Although BlurEffect
may not be very Apple-like, it’s better than the .blurEffect()
modifier implementation below.
YourView()
.vibrancyEffect()
.background(BlurEffect())
// as opposed to:
YourView()
.vibrancyEffect()
.background(
Color.clear
.blurEffect()
)
NavigationKit is a lightweight library which makes SwiftUI navigation super easy to use. 💻 Installation 📦 Swift Package Manager Using Swift Package Manager, add ...
An alternative SwiftUI NavigationView implementing classic stack-based navigation giving also some more control on animations and programmatic navigation. NavigationStack Installation ...
With SwiftUI Router you can power your SwiftUI app with path-based routing. By utilizing a path-based system, navigation in your app becomes ...
This package takes SwiftUI's familiar and powerful NavigationStack API and gives it superpowers, allowing you to use the same API not just ...