There's a need to pass information to the toast UI. SwiftUI handles this for various views by providing an item variant for view modifiers:

    public func popover<Item, Content>(item: Binding<Item?>, attachmentAnchor: PopoverAttachmentAnchor = .rect(.bounds), arrowEdge: Edge = .top, @ViewBuilder content: @escaping (Item) -> Content) -> some View where Item : Identifiable, Content : View

I'm looking at your code and wondering how hard it would be to add the same thing, but I don't quite understand everything you're doing in yours.

Hi ,

I am working on app, to show toast message using below code.

But issue is If once Popup toast show, second time it's not showing.

struct ContentView2: View {
    @State var showingPopup = false

    var body: some View {
        ZStack {
            Color.yellow
            VStack {
                Button("Show Popup", action: {
                    showingPopup = true
                })
            }
        }
        .popup(isPresented: $showingPopup, type: .toast, position: .bottom, autohideIn: 2) {
            Text("The popup")
                .frame(width: 200, height: 60)
                .background(Color(red: 0.85, green: 0.8, blue: 0.95))
                .cornerRadius(30.0)
        }
    }
}

https://user-images.githubusercontent.com/2367614/181250056-eb963e2b-00dc-46e5-a2aa-d037ed12b9f3.mov

M I doing something wrong? How can is show different toast messages in same view?

As the title says, this pull request is all about re-introducing the unwrapped item back into the builder closure. I was able to preserve the animation by caching the last non-nil Item value and falling back to it within the sheet when item is nil.

Hi ! Thanks for your work and for sharing with us this library. I'm coming with a suggestion for improving the UX regarding the options that a user has in order to dismiss the popup. It would be cool if the user would be able to dismiss it by dragging down. Thanks a lot !

When using this library with a List and Navigation links, you have to hold the list cell to activate the navigation link or swipe to delete.

Here is the code I'm using to set up the toast:

.popup(isPresented: $showCopiedToast,
                   type: .toast,
                   position: .bottom,
                   autohideIn: 2,
                   closeOnTap: false) {
                HStack {
                    Text(self.toastText)
                }
                .frame(width: 200, height: 60)
                .background(Color(red: 0.85, green: 0.8, blue: 0.95))
                .cornerRadius(30.0)
                .padding(15)
            }

My guess is the simultaneousGesture stuff is messing with the list view. A workaround or fix would be appreciated.

Ideally we'd like to be able to display a toast and it appear no matter if there was a modal on the screen or not. Right now if there is a modal the toast appears underneath it. We could add the view modifier onto this modal view, but then the toast would go down once the view was dismissed. Is this something that is possible?

When dismissing the popup view, got error message often, anyone know how to resolve it?

2021-04-14 12:51:35.864282+0800 gikiapp[923:160335] [SwiftUI] Invalid frame dimension (negative or non-finite).
2021-04-14 12:51:35.883202+0800 gikiapp[923:160335] [SwiftUI] Invalid frame dimension (negative or non-finite).

Here is an example

The current implemention is even showSystemAlertNotification = false, popup body is still executed. This could bring some problems in reality:

data struct is set a valid value only if showSystemAlertNotification= true. Since it's not lazy-loaded, a crash happens since self.systemAlertNotification = nil

.popup(isPresented: $showSystemAlertNotification, type: .floater(), position: .top, animation: Animation.spring()) {
                SystemAlert(alert: self.data!)
            }

I want to react differently when popup is dismissed because of a tap or because of a drag.

Here is the changes I've made to accomplish this 👇

Is there another way of achieving what I want ? I tried adding a click on my view but it doesn't work well since it doesn't take into account your drag handling code.

Do you think that can interest other users ? Do you want me to do a pull request ?

Changing how the view is shown would prevent reloading of the content.

public func body(content: Content) -> some View {
        Group {
            main(content: content)
        }
        .valueChanged(value: isPresented) { isPresented in
            appearAction(isPresented: isPresented)
        }
    }
    
    private func main(content: Content) -> some View {
        ZStack {
            content
                .frameGetter($presenterContentRect)
            
            if showContent {
                backgroundColor
                    .applyIf(closeOnTapOutside) { view in
                        view.contentShape(Rectangle())
                    }
                    .addTapIfNotTV(if: closeOnTapOutside) {
                        dismiss()
                    }
                    .edgesIgnoringSafeArea(.all)
                    .opacity(currentBackgroundOpacity)
                    .animation(animation)
            }
        }
        .overlay(sheet())
    }

Xcode. 13.1 iOS 15.0

At the end of a long list I want to trigger a popup view. When the user triggers it the scrollview is reset to beginning.

struct ChildView: View {
    
    @Binding var show: Bool
    let text: String
    
    var body: some View {
        
        ScrollView(.vertical, showsIndicators: false) {
            ForEach(0..<50) { _ in
                Text("Hello World")
                    .padding()
            }
            
            VStack {
                Button {
                    show.toggle()
                } label: {
                    Text(text)
                }
            }
        }
        .clipped()

    }
}

struct TabsView: View {
    
    @State var show = false
    
    var body: some View {
        
        ZStack {
            TabView {
                ChildView(show: $show, text: "FirstView")
                    .tabItem({
                        Label("First", systemImage: "greetingcard")
                    })
            }
        }
        .popup(isPresented: $show, type: .default, dragToDismiss: true, closeOnTap: false, closeOnTapOutside: true, backgroundColor: .black.opacity(0.5)) {
            VStack {
                Text("👻")
                Text("Hello World.")
                Button {
                    show.toggle()
                } label: {
                    Text("Dismiss ")
                }
            }
            .padding(.vertical, 20)
            .padding(.horizontal, 40)
            .frame(width: 300, height: 300)
            .background(.red)
            .cornerRadius(10)
        }
    }
}

Hello,

firstly, thank you for amazing lib!

I'm trying to implement a pop up and make it all screen width. I've tried .frame(maxWidth: .infinity) but it doesn't help.

Maybe you can share some cool design of popups (like you used in screenshot on readme page)?

Hi,

Great library!

I'm trying to replace partialSheet with the bottom popupview from this library, but I'm having trouble with the navigation bar. The solution proposed here (https://github.com/exyte/PopupView/issues/61#issuecomment-1118347975) animates weird because you can see the transparent view come up from the bottom.

How would one get the the same behavior as in the partial sheet library? The main reason I'm considering switching is because they do not support activity sheets for iPads.

https://github.com/AndreaMiotto/PartialSheet

Thanks,

Keyboard area is not handled for popups

I'm using floater type to show a popup. (bottom popup version 2 from example)

.popup(isPresented: $showForgotPassword, type: .floater(verticalPadding: 0, useSafeAreaInset: false), position: .bottom, dragToDismiss: false, closeOnTap: false, backgroundColor: .black.opacity(0.4)) {
            ForgotPasswordView(forgotPasswordViewModel: ForgotPasswordViewModel(email: email))
        }

And this is the result