iOS 状态栏覆盖 phonegap

Question

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

我已经在我的 config.xml 文件中添加了首选项，但它们不起作用：

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

我该如何解决？

Answer 1

查看第 3 步：在页面底部 link...

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

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

cordova plugin add cordova-plugin-statusbar

希望对您有所帮助。

Answer 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>

Answer 3

Status bar Plugin的安装命令

cordova plugin add cordova-plugin-statusbar

StatusBarOverlaysWebView (boolean, defaults to true). On iOS 7, 在启动时让状态栏覆盖或不覆盖WebView。在您的 config.xml

中添加这一行

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

请阅读official documentation以更好地理解

iOS 状态栏覆盖 phonegap

iOS statusbar overlay phonegap

ios

phonegap-plugins

cordova