java沉浸状态栏代码,Ionic实现沉浸式状态栏，状态栏与APP融为一体

在新的项目中，我按照需求需要设计沉浸式状态栏，当然一开始我还不知道这个叫做“沉浸式状态栏”，到网上搜索半天都找不到结果。我搜索了“Ionic刘海屏自适应”，“Ionic透明状态栏”等。有时候对我们来说最难的不是发现问题，而是不知道怎么去搜索。最后可算是找到了，但是网上也是各种各样的答案，各个博主按照他们PO出来的方法都实现了，但是在我这里就是实现不了。因为我发现他们在给方案的时候总是喜欢省略一些步骤，导致新手总是出错。后来经过不断实验，我终于总结出了方法。

首先声明我的Ionic版本是5，我使用了Capacitor

第一步：安装插件

打开你的项目，在终端输入以下代码来安装cordova的状态栏插件

ionic cordova plugin add cordova-plugin-statusbar

安装完了过后，按照Capacitor的要求，我们要进行同步，执行下面的代码：

npx cap sync

第二步：在app.module.ts中引入

安装好插件过后，首先要在app.module.ts中引入，省略了一些无关紧要的代码，只保留了与statusbar有关的代码，注意识别：

import { StatusBar } from '@ionic-native/status-bar/ngx';

@NgModule({

providers: [

StatusBar

]

})

第三步：在app.component.ts文件中引入，并在初始化的时候进行设置：

这里也省略了一些无关紧要的代码，只保留了与statusbar有关的代码，注意识别

import { StatusBar } from '@ionic-native/status-bar/ngx';

export class AppComponent {

constructor(private statusBar: StatusBar) {

this.initializeApp();

}

initializeApp() {

this.platform.ready().then(() => {

this.statusBar.styleDefault();

this.statusBar.overlaysWebView(true);

}

}

接下来对项目进行构建，然后运行到我的手机上，很简单，就这几个步骤。就是这样的效果，有图有真相：

最后就是我实现以后的效果：