Android 离子罐';t使状态栏覆盖
我在安卓上遇到了一些问题。我想问题是在我为我的应用程序更新Ionic版本时出现的。问题是状态栏没有覆盖webview。我尝试在config.xml中将Android 离子罐';t使状态栏覆盖,android,cordova,ionic-framework,Android,Cordova,Ionic Framework,我在安卓上遇到了一些问题。我想问题是在我为我的应用程序更新Ionic版本时出现的。问题是状态栏没有覆盖webview。我尝试在config.xml中将StatusBarOverlaysWebView首选项设置为true,并尝试调用全局StatusBar对象的不同方法,但没有成功。我可以控制状态栏的背景颜色和可见性,但无法使其覆盖webview。这就是它现在的样子不幸的是,cordova插件状态栏中的StatusBarOverlaysWebView方法: StatusBar.overlyswebv
StatusBarOverlaysWebView
首选项设置为true
,并尝试调用全局StatusBar
对象的不同方法,但没有成功。我可以控制状态栏的背景颜色和可见性,但无法使其覆盖webview。这就是它现在的样子不幸的是,cordova插件状态栏中的StatusBarOverlaysWebView
方法:
StatusBar.overlyswebview在iOS 7上,使状态栏覆盖或不覆盖WebView
StatusBar.overlaysWebView(true);
说明在iOS 7上,设置为false可使状态栏显示为iOS 6。使用其他功能设置样式和背景色以适合 支持的平台
iOS
这里有一些其他的方法。检查下面的链接(但它似乎不再有效) 或 这个怎么样?
最简单的方法如下:
/* ionic 2 app.ts */
import { Component } from '@angular/core';
import { Platform, ionicBootstrap } from 'ionic-angular';
import { StatusBar } from 'ionic-native';
@Component({
template: '<ion-nav [root]="rootPage"></ion-nav>',
})
export class App {
private rootPage: any;
constructor(private platform: Platform) {
this.rootPage = LandingPage;
platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
StatusBar.styleDefault();
// Status bar theme for android
if (platform.is('android')) {
StatusBar.styleLightContent();
StatusBar.backgroundColorByHexString('#c42626');
}
});
}
}
/*爱奥尼亚2 app.ts*/
从'@angular/core'导入{Component};
从“离子角度”导入{Platform,ionicBootstrap};
从“离子本机”导入{StatusBar};
@组成部分({
模板:“”,
})
导出类应用程序{
私有根页面:任意;
建造商(专用平台:平台){
this.rootPage=LandingPage;
platform.ready()。然后(()=>{
//好了,平台准备好了,我们的插件也可以使用了。
//在这里,您可以做任何您可能需要的更高级别的本地操作。
StatusBar.styleDefault();
//android的状态栏主题
if(platform.is('android')){
StatusBar.styleLightContent();
StatusBar.backgroundColorByHexString('#c42626');
}
});
}
}
结果如下: