ionic-framework - 状态栏在 ionic 3 中不起作用

Question

我是 IONIC 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页面中更改为此link中提到的解决方案

<meta name="theme-color" content="#1976d2">

并且在 config.xml 页面中也提到了这样的

<preference name="StatusBarBackgroundColor" value="#1972d2" />
<preference name="StatusBarOverlaysWebView" value="true" />

可能是什么问题？请帮我。

Answer 1

你所做的一切都是正确的。

有两种可能的解决方案:

• 插件StatusBar未安装。即使在空项目中提到app.component.ts，也无法正确安装。所以你只需遵循这个guide参见官方文档。
• 您的 Android 设备不支持该功能。例如，有不同的自定义ROM以非常规的方式管理状态栏，如MIUI、EMUI等。您可以在这个page上查看。收集 Cordova 插件的问题。

无论如何，如果您执行上面列出的所有操作，它应该可以工作，但请记住进行构建以确保 100%

编辑:我已经在 MIUI 上测试过它，它的工作原理就像一个魅力，但在问题页面上有人在某些设备上遇到了问题。也许是某个特定版本。