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

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

有2种可能的解决方案：

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

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

EDIT ：我已经在MIUI上对其进行了测试，尽管它像一种魅力，但是在问题页面上，有人在某些设备上遇到了问题。也许是某些特定版本。

状态栏不适用于离子3

1 个答案: