After deploying my app, I noticed that on iPhones, it actually looks better without the Safe Area (the bottom) . But on Galaxy (Android) phones, not using Safe Area causes the native navigation bar to overlap the content.
Is there any way in FlutterFlow to conditionally use Safe Area depending on the platform or device type?
Or maybe a better solution to handle the navigation bar height specifically on Galaxy phones?
To clarify: this is a custom navigation bar that I created, not the default one from FlutterFlow
Any ideas would be really appreciated
iPhones with Safe Area :
Galaxy without Safe Area :
