I am working on an app and added bottom tab bar. It is precisely aligned with the bottom of the screen in the design editor. However, when I view it on the actual mobile after building an APK there is extra space added.
Any idea why this extra space and how this can be fixed?
Hello!
I have the same question and the same problem. I tried to make a custom tab bar, deliberately made it thinner than the standard one from Adalo and still has a large indent at the bottom …
I think, in custom tab bar, you can style setting Fixed to Bottom. Doesn’t that work for you? I’m also thinking to go with the custom bar. Let’s see how it goes. The default built in tab bar is not working. Looks fine in editor and viewer, but not on actual device.
Are you using Tab Bar component or custom tab bar? I’m now going to try the custom bar. Let’s see if it works. If even that doesn’t work then probably Adalo is not worth it. Rather, we’re just “Paying Testers”
I tried with custom tab bar as well. In fact, I copied the bar from the cloned navigation sample and still it didn’t work. So basically the tab bar doesn’t work in any case and there is no other way to provide proper main navigation in Adalo.
Does anyone has some workaround for this issue? The bottom Tab Bar component and custom tab bar doesn’t show up properly when viewed on mobile. And there is no other proper main navigation available in Adalo.
How come no one is bothered about this basic and main feature? Is there any workaround for this?
There are definitely other ways of doing navigation. One cool way is floating navigation buttons that pop up when you click a menu button using custom visibility. Another is using the left menu type screen option. I’ll try to give you a bit more information, just having trouble with the editor right now.