Wrong position of toast while displaying in sheet

[elai950]

Wrong position of toast while displaying in sheet

[0xifarouk]

This is actually how AlertToast works. By receiving the Y position in the current view.
Do not put '.toast' on Button, implement it on ViewBuilder, like Group.

'.sheet' can be on a button but it's not the same case for AlertToast.

This doesn't solve the problem, I have put the toast above the VStack in a Sheet, but the position still incorrect as @Rminsh showed.

[elai950]

I've released a new version where you can manually offset the height until I'll find a better solution.

.toast(isPresenting: ...., offsetY: CGFloat)

Closing issue.

[elai950]

The .toast modifier should always be at the top of all view builders.
Add a view builder (for example VStack) then implement the .toast on the vstack after the .sheet modifier.
Try this:

var body: some View {
        VStack{
        Button("Show Detail") {
            showingDetail.toggle()
        }
        }
.sheet(isPresented: $showingDetail) {
            NextView()
        }
//Implement `.toast` here
    }

[Rminsh]

The .toast modifier should always be at the top of all view builders.
Add a view builder (for example VStack) then implement the .toast on the vstack after the .sheet modifier.
Try this:

var body: some View {
        VStack{
        Button("Show Detail") {
            showingDetail.toggle()
        }
        }
.sheet(isPresented: $showingDetail) {
            NextView()
        }
//Implement `.toast` here
    }

If I implement toast modifier in the Parent View, the toast will show up behind my sheet like this:

import SwiftUI
import AlertToast

struct ContentView: View {
    
    @State var showToast = false
    @State private var showingDetail = false
    
    var body: some View {
        Button("Show Detail") {
            showingDetail.toggle()
        }
        .sheet(isPresented: $showingDetail) {
            childView
        }
        .toast(isPresenting: $showToast, duration: 3, tapToDismiss: true, alert: {
            AlertToast(
                displayMode: .hud,
                type: .systemImage("checkmark.circle.fill", .green),
                title: "Test",
                subTitle: "Some message")
            
        })
    }
    
    var childView: some View {
        ScrollView {
            Button("Show Detail") {
                showToast.toggle()
            }
            .padding()
        }
    }
}

So the correct way is to implement toast in the Child view and the Y Position should be based on the current view

[elai950]

This is actually how AlertToast works. By receiving the Y position in the current view.
Do not put '.toast' on Button, implement it on ViewBuilder, like Group.

'.sheet' can be on a button but it's not the same case for AlertToast.

[iKK001]

...same here, this does not solve the problem (iOS 14.6)

It seems that .hud has a problem.

As Rminsh wrote "...to implement toast in the Child view..." works but unfortunately not for .hud.

What is the solution for .sheet and the need for a .hud type alert ??