SwiftUI: Translucent background for fullScreenCover

by

Here is a demo of possible way. Parameters of visual effect you can tune for your needs.

Tested with Xcode 12 / iOS 14.

       // ... other code
            .fullScreenCover(isPresented: $isLoading) {
                ZStack{
                    Color.black.opacity(0.5).edgesIgnoringSafeArea(.all)
                    VStack {
                        ProgressView()
                        Button("Stop loading") {
                            isLoading.toggle()
                        }
                    }
                }
                .background(BackgroundBlurView())
            }
        }
    }
}

struct BackgroundBlurView: UIViewRepresentable {
    func makeUIView(context: Context) -> UIView {
        let view = UIVisualEffectView(effect: UIBlurEffect(style: .light))
        DispatchQueue.main.async {
            view.superview?.superview?.backgroundColor = .clear
        }
        return view
    }

    func updateUIView(_ uiView: UIView, context: Context) {}
}

More Related Contents:

  1. How to hide keyboard when using SwiftUI?
  2. What is the difference between ObservedObject and StateObject in SwiftUI
  3. SwiftUI | Using onDrag and onDrop to reorder Items within one single LazyGrid?
  4. SwiftUI NavigationLink loads destination view immediately, without clicking
  5. SwiftUI NavigationView navigationBarTitle LayoutConstraints issue
  6. Add bottom border line to UI TextField view in SwiftUI / Swift / Objective-C / Xamarin
  7. SwiftUI MVVM Coordinator/Router/NavigationLink
  8. iOS14 introducing errors with @State bindings
  9. SwiftUI @Binding Initialize
  10. SwiftUI: Status bar color
  11. SwiftUI: What is @AppStorage property wrapper
  12. SwiftUI DatePicker Binding optional Date, valid nil
  13. Swiftui – How do I initialize an observedObject using an environmentobject as a parameter?
  14. SwiftUI Landmarks App Tutorial Screen Navigates Back When Toggle Favorite
  15. iOS SwiftUI: pop or dismiss view programmatically
  16. How can I implement PageView in SwiftUI?
  17. Prevent dismissal of modal view controller in SwiftUI
  18. How to observe changes in UserDefaults?
  19. SwiftUI: Set Status Bar Color For a Specific View
  20. Trouble running async functions in background threads (concurrency)
  21. @Published property wrapper not working on subclass of ObservableObject
  22. Transition animation not working properly in SwiftUI
  23. NavigationView and NavigationLink on button click in SwiftUI?
  24. How to have a dynamic List of Views using SwiftUI
  25. How to open the ImagePicker in SwiftUI?
  26. How to only disable scroll in ScrollView but not content view?
  27. How to properly group a list fetched from CoreData by date?
  28. SwiftUI modal presentation works only once from navigationBarItems
  29. SwiftUI View – viewDidLoad()?
  30. SwiftUI: Make ScrollView scrollable only if it exceeds the height of the screen

Leave a Comment