this.statusBar.overlaysWebView(false) not working on iOS


I have noticed in my iPhone app that the tool bar I have defined in the app.html “flows” into the top as follows:

Here is the content of my app.html

<ion-menu [content]="content">
      <ion-title>My App</ion-title>

    <ion-list no-lines>


Here is the initialize function within app.component.ts which is called from the constructor.

initializeApp() {
this.platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.

I thought be setting this to false I would not have this issue. I only see it on iOS. Android looks fine.

Any ideas as to what to do to fix this?



That is kind of strange because I wanted statusbar not to overlay with the webview. So I use StatusBarOverlaysWebView false.

May be you have to set it to true?
And you can do it in config.xml
<preference name="StatusBarOverlaysWebView" value="true" />

<preference name="StatusBarOverlaysWebView" value="false" /> 

worked for me. I put it in config.xml

This solution didn’t work for me :pensive: