How to blur a view

Paul Hudson    @twostraws    May 19th 2020

Updated for Xcode 12.0

The blur() modifier lets us apply a real-time Gaussian blur to our views, at a strength of our choosing.

For example, this creates a 300x300 profile picture, then adds a 20-point Gaussian blur:

Image("paul-hudson")
    .resizable()
    .frame(width: 300, height: 300)
    .blur(radius: 20)

You can blur anything you want, including text views:

Text("Welcome to my SwiftUI app")
    .blur(radius: 2)

SPONSORED Announcing NSSpain 2020: Remote Edition! An online, continuous conference for iOS developers. We’ll start on Thursday and finish on Friday, with talks, activities, and lots of fun for 36 hours, non-stop. Sound good? Join us!

Find out more

Sponsor Hacking with Swift and reach the world's largest Swift community!

Similar solutions…

• SwiftUI tips and tricks
• Building a menu using List
• What’s the difference between @ObservedObject, @State, and @EnvironmentObject?
• How to synchronize animations from one view to another with matchedGeometryEffect()
• How to fix “Modifying state during view update, this will cause undefined behavior”