OverlayWebView on IOS - Cordova Deprecated

While using JQUERY Headerbar in my app, I notice on the IOS devices via PhoneGap, that Webview on the IOS platform does not comply with the StatusBarOverlaysWebView settings in the config file, so the typical buttons at the top of the IPhone are 'behind" the webview and they are hard to get to. An end-user has to have small fingers to get the edge of those top iPhone buttons eclipsed by the IOS Webview. Does Cordova have a replacement for this? Is there a StatusBar object I can work with?

I’m trying to picture this, do you have a screen shot?

I figured it out Cayo. Setting the “StatusBarOverlaysWebView” to false in conjunction with the apache statusbar plugin seems to have fixed it. This way the app shows up beneath the top header bar that is standard on iPhone and Apple devices. Thanks again for considering.

<plugin name="cordova-plugin-statusbar" source="npm" />
<plugin name="org.apache.cordova.statusbar" source="npm" />
<preference name="StatusBarOverlaysWebView" value="{phoneGapStatusBarOverlay}" />

or

1 Like

So cool you posted your solution. That’s great man, good work.

1 Like