iOS状态栏覆盖phonegap

Question

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

我在config.xml文件中添加了首选项，但这些首选项无效：

var objectBackup = angular.copy($scope.object1);
//...
if(angular.equal(objectBackup, $scope.object1) === false) {
    //The object has been modified
}

我该如何解决？

Answer 1

解决这个问题： 安装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>

Answer 2

Status bar Plugin

的安装命令

cordova plugin add cordova-plugin-statusbar 

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

中添加此行

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

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

Answer 3

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

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

它实际上与您所做的完全相同，但也涉及状态栏问题的节点插件。

cordova plugin add cordova-plugin-statusbar 

希望它有所帮助。