Overlay introduces safe area.

[louwe]

Hi, I have a map view which ignores the top status bar safe area, but as soon as I put in the "dynamicOverlay" call, it removes the safe area and the map no longer extends to the top status bar. Is there a way to remove this behavior?

EDIT:
I figured out that I had to add another call to "ignoresSafeArea()". It's weird because now I have it in two places instead of one and the second "ignoresSafeArea()" call MUST also come after the "dynamicOverlay()" call otherwise it doesn't work. May want to add this note in the README files.

[gaetanzanella]

Hi @louwe! Thank you for the issue!

Would like you to contribute and modify the Readme based on your experience? It would be better 😎

[louwe]

Ah yes, I think I can do that once I can replicate this on a simpler sample project to demonstrate the issue better.

[amloelxer]

@louwe I know it's been awhile but where exactly did you put ignores safe area? I have it twice in a variety of places and it still doesn't work for me =(

[amloelxer]

Just figured it out. For those internet people from the future I had to follow what it does in the example

struct MapViewAdaptor: UIViewControllerRepresentable {
    func updateUIViewController(_ uiViewController: UIViewControllerType, context: Context) {
        // do stuff
    }
    
    func makeUIViewController(context: Context) -> some UIViewController {
        let locationMapVC = LocationMapViewController()
        return locationMapVC
    }
}

struct MapView: View {
    var body: some View {
        MapViewAdaptor().ignoresSafeArea()
    }
}

    ZStack {
            MapView()
                .dynamicOverlay(VisitOverviewScreen())
                .dynamicOverlayBehavior(behavior)
                .ignoresSafeArea()
            VStack {
                MapSearchHeader()
                Spacer()
            }
        }
        .frame(maxHeight: .infinity)
        .ignoresSafeArea(edges: [.top])

The key is to wrap the MapView Adaptor in another view and apply the safe area there. When I was using the UIViewControllerRepresentable directly in my ZStack and applying the safe area insets there, it was not working.

[louwe]

Thanks for the update.

Yes, this is the behavior I've seen where you have to put ignoresSafeArea() twice.

Here is my setup:

ZStack {
    VStack {
        MapContainer {
            ZStack {
                MapViewRepresentable {
               }
            }
        }.ignoresSafeArea()
    }.dynamicOverlay()
    .ignoresSafeArea()
}

Are you saying I can now remove one of these ignoresSafeArea() calls?