Ionic 6 status bar overlapping app

Ionic Framework
1

When using Ionic 6 status bar:
“@awesome-cordova-plugins/status-bar”: “^6.2.0”
“cordova-plugin-statusbar”: “^3.0.0”
setting the overlaysWebView to false is not working:

this.statusBar.overlaysWebView(false);

am I supposed to do this differently? not much information in the ionic 6 documentation.

2

We ended up using md mode on our app, we had the same issue on iOS. overlaysWebView(false) never worked.

All good on Android & Web


export const app = createApp(App)
  .use(IonicVue, { hardwareBackButton: true, mode: 'md' })
  .use(router)
  .use(pinia);
1 Like
3

for anyone looking to fix this issue, I resolved it by implementing:

in the config.xml