SwiftUI view over all the views including sheet view

Question

I need to show a view above all views based upon certain conditions, no matter what the top view is. I am trying the following code:

    struct TestView<Presenting>: View where Presenting: View {
    
        /// The binding that decides the appropriate drawing in the body.
        @Binding var isShowing: Bool
        /// The view that will be "presenting" this notification
        let presenting: () -> Presenting
    
        var body: some View {
    
            GeometryReader { geometry in
                ZStack(alignment: .top) {
                    self.presenting()
    
                    HStack(alignment: .center) {
                        Text("Test")
                    }
                    .frame(width: geometry.size.width - 44,
                           height: 58)
                    .background(Color.gray.opacity(0.7))
                    .foregroundColor(Color.white)
                    .cornerRadius(20)
                    .transition(.slide)
                    .opacity(self.isShowing ? 1 : 0)
                }
            }
        }
    }

extension View {
    func showTopView(isShowing: Binding<Bool>) -> some View {
        TestView(isShowing: isShowing,
                               presenting: { self })
    }    
}

struct ContentView: View {
   @State var showTopView = false
   NavigationView {
            ZStack {
                content
            }
        }
        .showTopView(isShowing: $showTopView)

}

Now this is working fine in case of the views being pushed. But I am not able to show this TopView above the presented view.

Any help is appreciated!

Answer 1

Here is a way for your goal, you do not need Binding, just use let value.

struct ContentView: View {
    
    @State private var isShowing: Bool = Bool()
    
    var body: some View {
        
        CustomView(isShowing: isShowing, content: { yourContent }, isShowingContent: { isShowingContent })
        
    }
    
    var yourContent: some View {
        
        NavigationView {
            
            VStack(spacing: 20.0) {
                
                Text("Hello, World!")
                
                Button("Show isShowing Content") { isShowing = true }
                
            }
            .navigationTitle("My App")
            
        }
        
    }
    
    var isShowingContent: some View {
        
        ZStack {
            
            Color.black.opacity(0.5).ignoresSafeArea()
            
            VStack {
                
                Spacer()
                
                Button("Close isShowing Content") { isShowing = false }
                    .foregroundColor(.white)
                    .padding()
                    .frame(maxWidth: .infinity)
                    .background(Color.blue.cornerRadius(10.0))
                    .padding()
                
            }
            
        }
        
    }
    
}

struct CustomView<Content: View, IsShowingContent: View>: View {
    
    let isShowing: Bool
    @ViewBuilder let content: () -> Content
    @ViewBuilder let isShowingContent: () -> IsShowingContent
    
    var body: some View {
        
        Group {
            
            if isShowing { ZStack { content().blur(radius: isShowing ? 5.0 : 0.0); isShowingContent() } }
            else { content() }
 
        }
        .animation(.default, value: isShowing)
        
    }
}