Fatal编程技术网

Ionic framework 状态栏在ionic 3中不工作

ionic-framework

Ionic framework 状态栏在ionic 3中不工作,ionic-framework,ionic3,Ionic Framework,Ionic3,我是爱奥尼亚3的新手，我只想在我的应用程序中实现状态栏。我尝试了以下方法 import { App, Nav, Platform, Events, AlertController } from 'ionic-angular'; import { StatusBar } from '@ionic-native/status-bar'; constructor(public events: Events, public platform: Platform, publicstatusBar:

我是爱奥尼亚3的新手，我只想在我的应用程序中实现状态栏。我尝试了以下方法

import { App, Nav, Platform, Events, AlertController  } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';

constructor(public events: Events, public platform: Platform,   publicstatusBar: StatusBar) {

this.statusBar.overlaysWebView(true);
this.statusBar.backgroundColorByHexString('#1972d2');
this.statusBar.isVisible;
}

并在index.html页面中更改为本文中提到的解决方案
在config.xml页面中也提到了

<preference name="StatusBarBackgroundColor" value="#1972d2" />
<preference name="StatusBarOverlaysWebView" value="true" />
可能是什么问题？请帮帮我

你所做的一切都是正确的

有两种可能的解决方案：

  • 插件
    状态栏
    未安装    。即使在
    app.component.ts
    中提到的空项目中，也没有正确安装。所以你只需要在官方文件中遵循这一点
  • 您的android设备不支持该功能。例如，有不同的自定义ROM以非传统方式管理状态栏，如MIUI、EMUI等。您可以在此基础上检查是否收集Cordova插件的问题
无论如何，如果你做了上面列出的每件事，它应该会工作，但记住要做一个构建，以确保在100%

编辑：我已经在MIUI上测试过了，虽然效果很好，但是在问题页面上有人在某个设备上遇到了问题。可能是某个特定版本。

谢谢@resueman提供的解决方案。现在只要更新状态栏就可以了plugin@KedarKm听到这个消息我很高兴，我也犯了同样的错误。我不知道为什么他们没有安装插件就把状态栏放在模板中。顺便说一句，如果这有助于你结束这个问题：） 
<preference name="StatusBarBackgroundColor" value="#1972d2" />
<preference name="StatusBarOverlaysWebView" value="true" />