How can I make the navigation bar transparent (or disappear)?

Android
1

Hi!
I have built an app on Android but I am a bit confused by the navigation bar. I mean the black bar on the bottom of the screen that I’ve marked with the red writing in the attached screenshot. On some systems it is transparent by default (I think those using API 33) and on some systems it is black like in the screenshot (API 37). I have tried a lot of different settings in my theme.xml file, but I did not find a way to make it consistently transparent on all systems.
Does anybody know how I could make it transparent? I wouldn’t mind getting rid of it altogether, in case that’s easier…
Cheers!

blackBorder
blackBorder1022×486 108 KB

2

Turn on kiosk mode to make it disappear entirely

Or you could set the app style to light, which would make the navigation bar dark.

1 Like
3

Thank you a lot for your answer! You’re right!
I had tried kiosk mode before, but as it turns out
setKioskModeComponent(Component* componentToUse, bool allowMenusAndBars)
does not do anything if the componend passed in is already in kiosk mode, so the parameter allowMenusAndBars is ignored. From what I understand the main component is in kiosk mode by default, but with allowMenusAndBars=true.
The second parameter needs to be set to false for the navigation bar to disappear, so what I am doing now is something like:
juce::Desktop::getInstance().setKioskModeComponent(nullptr);
juce::Desktop::getInstance().setKioskModeComponent(tlc, false);
But when should I make these calls? In the constructor of my PluginEditor I can not get the toplevel window… For testing I put them in a timer callback, but I am sure there’s a more suitable place to call them?