隐藏状态栏时，离子条形标题填充顶部

Question

使用离子框架的bar-header组件时遇到问题。我总是有几个像素的填充顶部（见截图）。我正在使用cordova插件org.apache.cordova.statusbar隐藏状态栏，如下所示：

  if(window.StatusBar) {
    StatusBar.hide();  
    StatusBar.overlaysWebView(false);
  }

任何帮助都将受到高度赞赏。

Answer 1

如果您正确安装了插件，那么只需调用

即可

ionic.Platform.fullScreen();

隐藏状态栏后立即

。

这可能会删除应用顶部的空间。

Answer 2

在main.css中覆盖这些离子css规则。这解决了我的问题：

.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper {
    margin-top: 0px !important;
}
.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * {
    margin-top: 0px; 
}