Android: Hide navigation bar

How-to Discussions
1

Hi,

I’m trying to figure out how to hide the navigation bar on Android so I can get my app to run fullscreen.

The statusbar hides and does what I want it to do but the navigation bar doesn’t

Here’s my code:

<App Theme="NativeWithFallback">
    <JavaScript File="MainView.js" />
    <DockPanel Background="#ffffff">
        <Panel Dock="Top">
            <StatusBarBackground Dock="Top" />
            <Android.StatusBarConfig IsNavigationBarVisible="false" IsVisible="false" />
            <iOS.StatusBarConfig Style="Light" />
        </Panel>
        <StackPanel Margin="10">
            <Text Value="{myText}" TextAlignment="Center"/>
            <TextInput PlaceholderText="Enter Text" Alignment="Center" Value="{myTextInput}" CaretColor="#000000" />
            <Button Text="Change text" Clicked="{update}" />
        </StackPanel>
        <Panel Dock="Bottom">
            <BottomBarBackground Dock="Bottom" />
        </Panel>
    </DockPanel>
</App>

When I run this I get a transparant bar on the position where the navigation bar is supposed to be.

file

What am I doing wrong?

2

I’ve also noticed that once I entered text the navigation bar comes back and doesn’t hide anymore.

3

This is a bug, thanks for letting us know. I’ve created an internal ticket for the issue, and we’ll update you on the status of this ticket here.