Ionic 3 status bar not hiding

Ionic Native
1

In my app status bar is not hiding completely. When app starts it shows status bar then after splash screen hides status bar also hides. Now problem creates when I type any input and keyboard opens then status bar also become visible. It is creating problem that my text/header hides behind status bar. Below is my code.

app.component.ts

import { StatusBar } from '@ionic-native/status-bar';
.........
constructor( public platform: Platform, public statusBar: StatusBar, public splashScreen: SplashScreen) {
   this.platform.ready().then(() => {       
       this.statusBar.hide();
       this.splashScreen.hide();
   });
}

config.xml

<platform name="android">
    ...........
    <preference name="Fullscreen" value="true" />
</platform>

You can also check the issue in below gif image.
[Image](https://i.stack.imgur.com/TdpA7.gif)
1 Like
2

I have the same issue… Did you solve it?

1 Like