Hi everyone,
After the latest Adalo update, I’ve encountered a serious issue on Android: the Bottom Bar is now covered by the system navigation bar.
It looks like the app no longer respects the safe area, and the entire layout is rendered edge-to-edge on the screen. That’s not necessarily a bad idea — Since Android 15 and above, the navigation bar is transparent by default, and apps can extend underneath it unless they explicitly define windowInsets
or fitsSystemWindows
. But when your app background is white, the nav bar becomes nearly invisible.
The real problem, though, is this:
The Bottom Bar is underneath the navigation bar and can’t be tapped. 
Has anyone else built a new Android version in the past few days and run into this issue?
I’m attaching a screenshot from a real Android device.
Thanks for any insights!
Hello @Kamil_Twins, I haven’t noticed this issue on my new android builds, the bottom bar is appearing correctly on my side. Please check if your bottom bar is positioned correctly inside the screen.
If the issue persists, you can submit a support ticket through this link: Right Desk
Thank you!
Hi @Ali-Bazzi
thanks for checking this.
Would you be able to send me a screenshot from a real Android device (not an emulator) showing how the bottom bar appears in your app?
In my case, all screens and elements are displayed underneath the Android system navigation bar (where the back/home buttons are), which makes components like the Bottom Bar completely unclickable. This happens on every screen. Just a few days ago, everything rendered correctly within the safe area.
I’ve already tried several approaches, including removing custom components, but the issue still persists.
I submitted a support ticket a few days ago, but since my app includes multiple custom (private) components, I need to confirm whether the issue is caused by something on my side — or if it’s a general layout/rendering issue.
It would help a lot to see that on your real device, the app does not go under the navigation bar.
Thanks in advance!
Kamil
Hello @Kamil_Twins, Sure I attached an image of my app’s bottom bar and navigation bar working correctly. And this screenshot is from the new version launched yesterday.
Since you’ve already submitted a ticket, did you receive an answer regarding this issue?
Also, if you can please let me know what are the private components you have in this screen?
Thank you!
Ali Bazzi
Hi Ali,
Thank you for the screenshot. I’m attaching one from my app as well – as you can see, the entire screen is rendered under the Android navigation bar with system buttons, which makes the bottom bar unusable. This issue appeared recently, just a few days ago everything was displayed properly in the safe area.
I’ve already submitted a ticket and got a reply. The support team suspects it could be related to a private component. I’m trying to verify or eliminate that possibility now.
There’s one component in my app that could theoretically affect the layout – it’s my custom OrientationController
, which locks the screen orientation. But I’ve reviewed the code and couldn’t find anything problematic. More importantly, I’ve already tested the app without this component and created a clean Android build – and the problem still persists.
So even after removing the component entirely, all screens are still displayed beneath the navigation bar. And again, just a few days ago it was all working fine – even with this component present.
Right now, I’m just trying to determine whether this is a general rendering change introduced in the latest Adalo update, or if there’s truly some interaction with a private component causing it.
Thanks a lot for your help!
Thank you for your explanation. In this case, it’s most likely that the issue is caused by a component or a tool that was added recently affecting this bottom bar position because on my apps, it’s looking good.
In this case, we can do the following test:
Please add a new blank screen, and add a new bottom bar there, and link the screen to a button, so we can view it.
- Please make sure to create a new screen, not copy an exisiting one.
- Also for the bottom bar, it should not be copied from another screen. We’ll add it as a new bottom bar.
- Please ensure that the screen will not contain any other components but the bottom bar.
After making these changes, you can create a new build and upload it to internal testing.
Once you test it, please let me know if the issue persists.
Thank you!
Ali Bazzi
Ok, thank you for the tip – I’ll go ahead and try that.
While waiting for the new build to generate, I just wanted to ask one quick question:
In your Google Play Console, what target SDK version does it show for your app? Is it SDK 35?
Thanks again!
I’ve created a brand new, blank screen with only a bottom bar and a single button for safe navigation back – and the issue remains the same. In the attached screenshot, you can clearly see (inside the red frame) that the bottom bar is overlapped by the Android system navigation bar with buttons.
As I mentioned earlier, this isn’t just about the bottom bar – the entire app is now rendering underneath the system navigation bar. I’m also attaching another screenshot without the bottom bar where you can see it even more clearly.
On both screenshots, you can see that the navigation bar is white and fully transparent, so the navigation buttons are barely visible and the bar overlaps the app interface.
I believe this is a system-level change, because starting from SDK 35 (Android 15), the default rendering behavior has changed. Apps are now shown full screen, including under the system navigation buttons, unless the developer explicitly configures safe areas or sets windowInsets properly.
So it’s possible that the recent Adalo update doesn’t yet handle this change.
Once your app targets SDK 35 or higher …
Hello Kamil, yes on my side it’s showing SDK 35 too.
Thank you for the update. The point is that this issue is not showing on other apps. So there should be a reason why it’s showing on your app.
Have you tested it with another android device? If not, I’d be happy to test it on my device through internal testing, if it’s okay for you.
Thank you!
Ali Bazzi
Thank you for your willingness to help. I haven’t tested it on another Android device yet — only on my Xiaomi phone, where the issue is clearly visible.
If you’d like to test it on your device via internal testing, please send me your Google account email address so I can add you as a tester in the Google Play Console.
Thank you again!
I appreciate that. This is my email address: ali.bazzi2002@gmail.com
Thank you!
Ali Bazzi
1 Like
Hi Ali,
Thanks again for your help. Just to clarify – I extracted the APK using Android Studio and found that the current build is using the following style:
Theme.ReactNative.AppCompat.Light.NoActionBar.FullScreen
with values: true, @null, true, false
.
This most likely corresponds to:
android:windowFullscreen = true
android:windowTranslucentNavigation = true
android:fitsSystemWindows = false // or not set at all
As a result, the system navigation bar is not accounted for in the layout, and it overlaps the bottom part of the app.
In my case, the navigation bar is white and translucent, which means:
- the app content renders underneath it,
- and the navigation buttons are barely visible.
So I don’t think the issue lies in any specific component, but rather in how the app is rendered in relation to the system UI. This might be due to new behavior in SDK 35 or a change in how Adalo compiles builds.
If you have a chance to test it on your device (using the link I already sent), I’d really appreciate it!
Thanks again for taking the time to look into this.
Hello Kamil, thank you for the update.
I tested the app through internal testing on my Samsung device, and the bottom bar looks good. And here’s the screenshot fo it:
So it looks like it’s only doing this issue on your Xiaomi phone. Please if you can reply to the support ticket mentioning this information which is that it’s showing correctly on other android devices, but your Xiaomi device. This way, they can inspect if there’s an issue with the display on Xiaomi devices or your device particularly.
But in general, the app works normally on other Android devices.
Thank you!
Ali Bazzi
Hi
I have done tests on both Samsung & Xiaomi phones. Xiaomi displays are always distorted. I gave up as the displays on 5 different Samsung models are perfect, just distorted on Xiaomi.
Best Regards
Jay
Hello @eduscvs, yes exactly, it looks like the problem is from Xiaomi devices not displaying navigation bars correctly.
Thank you for your update
Ali Bazzi
Hi Ali, and Hi @Jessi.Frye
Thanks a lot for testing on your Samsung device and confirming that the issue doesn’t appear there.
It’s helpful to know that the problem is likely device-specific. However, I still believe this behavior might be linked to the way the app is currently built – especially considering that:
- the layout is not respecting the system navigation bar area,
- and the
android:windowTranslucentNavigation = true
flag is applied without fitsSystemWindows
.
This combination may cause some devices (like Xiaomi, which often modifies the system UI) to render the app underneath the navigation bar – leading to the overlapping and invisible buttons.
I’ll definitely update the support ticket with this info and mention that it behaves correctly on Samsung.
Thanks again for your time and support!
Kamil
Hi Jay, @eduscvs
Thanks a lot for the info — that’s really useful. Seems like Xiaomi handles layout rendering quite differently.
Appreciate your feedback!
Kamil
1 Like
Hi.
I just wanted to say that some of my app users are reporting this too.
They’ve said it’s happening on Samsung S23+ and Samsung S25.
I haven’t done any tests myself, yet. But you’re not alone in this.
Following this thread to see if any fix is found.
2 Likes
Hello @Kamil_Twins, Thank you for the update. I recommend replying to the support ticket with the reason you mentioned above that can cause this issue on Xiaomi devices.
This way the team can check it and be aware of this issue.
Thank you!
Ali Bazzi