Google Map Widget Visible Under Custom Bottom Navigation Bar on iOS

[hulum-io]

Can we access your project?

• [X] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

When using a Custom Bottom Navigation Bar with a Google Map widget on the page, the Google Map widget remains visible within the Safe Area on iOS, even though other widgets are properly hidden. The expectation is that the Google Map widget should be hidden under the custom bottom navigation bar, like other elements.

Expected Behavior

the Google Map widget should be hidden under the custom bottom navigation bar, like other elements.

Steps to Reproduce

1. Add a Custom Bottom Navigation Bar
2. Place a Google Map widget and other widgets on the page
3. Enable Safe Area on the page
4. Test the app on an iOS simulator or device

Reproducible from Blank

• [X] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

ITESz/Hqx89gouED17rXY/pqhQAkQzM8bYJMl9cbFEgbGO7mE4oiZur+VHRtTe2bdG1cfGGYhnsd0dLzi/OWO+w3OUubUoNozc1iYQzzTlmhM76mPbjhW0ckN/hRGB2k156W3RVvJthuWE4nw1r/cq3qNleeY8aSfxBlZ7vfcPo=

Visual documentation

Environment

- FlutterFlow version: FlutterFlow v5.0.12 released November 15, 2024
- Platform:iOS
- Browser name and version:
- Operating system and version affected: iOS

Additional Information

No response

[Alezanello]

Hello!

Thank you for bringing this to our attention. I can confirm that this issue appears a bit messy on iOS, while it looks fine on Android. I’ll pass this along to our engineering team for a deeper review and a potential fix.

Thanks again for your patience!