iOS 状态栏覆盖 phonegap答案

【问题标题】：iOS statusbar overlay phonegapiOS 状态栏覆盖 phonegap
【发布时间】：2016-12-16 14:53:07
【问题描述】：

我正在使用 PhoneGap (Cordova) 开发 iOS 应用程序，我的问题是状态栏覆盖了我的 webview/应用程序：

我在 config.xml 文件中添加了首选项，但这些参数不起作用：

<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#0ff000" />
<preference name="StatusBarStyle" value="default" />

我该如何解决？

【问题讨论】：

标签： ios cordova phonegap-plugins

【解决方案1】：

Status bar Plugin的安装命令

cordova plugin add cordova-plugin-statusbar

StatusBarOverlaysWebView（布尔值，默认为 true）。 在 iOS 7 上，使状态栏在启动时覆盖或不覆盖 WebView。在您的 config.xml

中添加这一行

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

请阅读official documentation以便更好地理解

【讨论】：

【解决方案2】：

这样解决：安装 cordova-plugin-statusbar 后，将此行添加到 config.xml：

<gap:plugin name="com.phonegap.plugin.statusbar" />

然后在 index.html 中：

<script type="text/javascript">
        document.addEventListener("deviceready", onDeviceReady, false);

        function onDeviceReady(){
            StatusBar.overlaysWebView(false);
        }
</script>

【讨论】：

【解决方案3】：

查看第 3 步：在此链接的页面底部...

https://ccoenraets.github.io/cordova-tutorial/handlebars-templates.html

它实际上看起来与您所做的非常相似，但还涉及用于状态栏问题的节点插件。

cordova plugin add cordova-plugin-statusbar

希望对您有所帮助。

【讨论】：