Iphone X Support


I try to get Framework7 v1 to work with iphone X since it should be supported in Version 1.7.1.

I tried with Phonegap Build CLI 6.5.0, 7.1.0 and 8.0.0 but it is not working with the statusbar. It is not changing background color and text color.

Could you please explain how I can use Framework7 v1 with Iphone X?

What exactly not working?

The text of the statusbar is always white although i set it to

<preference name="StatusBarStyle" value="black-translucent" />

I tried different versions like “default” but it is not not changing the color of the text. its always white.

Check overlaysWebview StatusBar plugin

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

and its not working.

Checklist for status bar background and text:

  • Installed plugin cordova-plugin-statusbar (latest version)
  • Preference StatusBarOverlaysWebView set to false
  • Preference StatusBarBackgroundColor set to hex color (e.g. #f7f7f8)
  • Preference StatusBarStyle set to lightcontent or blacktranslucent or blackopaque (default lightcontent). For Android 6+ only works with call the methods StatusBar.styleLightContent(), StatusBar.styleBlackTranslucent(), StatusBar.styleBlackOpaque() after your device ready.
  • Meta tag <meta name="apple-mobile-web-app-status-bar-style" content="default"> in your *.html file
  • Element tag <div class="statusbar"></div> in your *.html file
  • Application options for status bar must be:
    statusbar: {
    iosBackgroundColor: ‘#f7f7f8’,
    enabled: true (for Android good work with false value), :slightly_smiling_face:
    overlay: ‘auto’
  • And create CSS-rule: html.with-statusbar .popup-backdrop {
    z-index: 10000;
    } :wink: