Android Bottom Navigation Bar Overlapping App Content After Recent Flutter Update

Widgets & Design

I'm experiencing an issue with Android builds of my app since FlutterFlow updated to the latest Flutter version.

Previously, my app content would sit above the translucent Android bottom navigation bar (the one with the "back," "home," and "recent apps" buttons). However, now the bottom of my app pages appears behind this bar, causing the content to be obscured and merge with it. It looks like the app isn't respecting the safe area at the bottom of the screen.

Has anyone else encountered this problem after the recent FlutterFlow update? If so, have you found a solution or a workaround?

Any insights or suggestions would be greatly appreciated!

Thanks in all advance.

What have you tried so far?

I've explored potential custom actions to force the bottom navigation to respect the safe area.

Did you check FlutterFlow's Documentation for this topic?
No
2
2 replies