Giter Club home page Giter Club logo

Comments (3)

SwiftedMind avatar SwiftedMind commented on August 28, 2024

Hey, I'm glad you like the framework :)

hm, I didn't know it was possible to have a transparent fullScreenCover in the first place 🤔. queryableFullScreenCover is basically just a wrapper around fullScreenCover, there's no hosting controller or anything, it's pure SwiftUI.

An example would be great, yes. I'm happy to have a look at it :)

from queryable.

AndrewSB avatar AndrewSB commented on August 28, 2024

ahh my mistake, making fullScreenCover involves a UIKit hack. you make the background of the presented view this Hack_ClearBackgroundView. using that hack, it works for this library too

here's an example:

struct Hack_ClearBackgroundView: UIViewRepresentable {
    func makeUIView(context: Context) -> UIView {
        let view = UIView()
        DispatchQueue.main.async {
            view.superview?.superview?.backgroundColor = .clear
        }
        return view
    }

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

struct ContentView: View {
    @State var overlaid = false

    var body: some View {
        VStack {
            Image(systemName: "globe")
                .imageScale(.large)
                .foregroundColor(.accentColor)
            Button("Show", action: { overlaid.toggle() })
        }
        .tint(.white)
        .padding()
        .background(Color.red)
        .fullScreenCover(isPresented: $overlaid) {
            ZStack{
                Color.black.opacity(0.1).edgesIgnoringSafeArea(.all)
                VStack {
                    Text("hi")
                    Button("hide") {
                        overlaid.toggle()
                    }
                    Spacer()
                }
                .padding()
            }
            .background(Hack_ClearBackgroundView())
        }
    }
}

from queryable.

SwiftedMind avatar SwiftedMind commented on August 28, 2024

Ah okay, cool 😃
Glad it works 👍

from queryable.

Related Issues (1)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.