Hi Colin, I’m having the same issue. Tab bar is snapped to grid, but it’s showing almost as double height on our Android test device (looks fine in preview). Any ideas?!
@anon78309838
Please refer to the images below. This is after placing the tab bar exactly at the bottom corners, not flowing out of the screen.
1 Like
Below screenshot is from Vivo Z1 Pro (6.5in display, 1080x2340 pixels). You can see the tab bar getting extended.
These are from Samsung J2 (5.0inch display, 540x960 pixels)wherein the tab bar fits to the bottom without any issues.
I am clueless on how to solve this display issue.
@Ben @anon78309838 - Any help here? It is impacting our schedule.
Any update on this issue?
I will see what I can do here. I’m currently going through a large queue of support tickets but will try to get to this as soon as I can.
1 Like
@anon78309838 Thanks Colin. We will wait for your response.
1 Like
@anon78309838 - This is how we have it in our app. Below screenshot is from the app designer. It is
snapped to grid.
Appreciate if you can help us here. We cannot find any solution for this ourselves.
1 Like
Have you tried this suggested fix?
@anon78309838 Yes !! @gertperdZA suggested this. It worked.
But from UX perspective, I believe that hiding the status bar don’t look good. Personally, I would like to see the status bar when using any app.
Can we mark this as a bug so that we can track and get it rectified by the development team??
1 Like
This worked for us too, but it’s not compliant with iOS HI guidelines to hide the status bar so we’ve currently got a live app with this bug - not great.
I think this is the same issue we’re facing on iOS devices with PWA, whereby our tab nav descriptions are covered by the iOS home bar.
1 Like
I am having this same issue on Pixel 4a. Here’s a stock screen from Adalo with no modifications. Compiled APK and then copied to Phone.
The default menu bar at the top is too high and the bottom menubar is shifted up about 1/2".
One is snapped to top, other is snapped to bottom with align top/bottom set on each.
1 Like
Another test, removing bar the app utilizes full screen. (Top menu still to high). This has me re-thinking my navigation now and not using bottom bar. Really sucks.
Following. Similar issue here.
I have a little more info on this topic. So basically, newer style phones display with too much space but older style phones (the ones with back buttons and home button) seem to display fine. I also had to make my own top bar with a little more space at the top to account for my Pixel phone. I don’t know if this is a React problem or an Adalo problem.
Me too facing the same issue, hidden status bar is not a good option to sort out this issue.
Did anyone find a solution to this problem? Would creating a nav bar from scratch solve this problem?
I am still having this same problem.
I made a custom navigation bar with the Rectangle Component and Icons. I fixed the bar to the footer and it still shows a white bar at the bottom of the screen. So, No creating a navbar from scratch does not work. I hope they fix this soon…
1 Like