html5沉浸式状态栏视频,Ionic4 5沉浸式状态栏：适配全面屏

1. 在platforms/android/app/src/main目录中找到AndroidManifest.xml文件，修改文件中manifest → application → activity标签的android:theme属性：

....

2. 在app.component.ts文件中进行配置：

import { Component } from [email protected]/core‘;

import { StatusBar } from [email protected]/status-bar/ngx‘;

import ....;

@Component({

selector: ‘app-root‘,

templateUrl: ‘app.component.html‘,

styleUrls: [‘app.component.scss‘]

})

export class AppComponent {

constructor(private platform: Platform, private splashScreen: SplashScreen, private statusBar: StatusBar) {

this.initializeApp();

// 在构造函数中添加这两句代码

this.statusBar.styleLightContent();

this.statusBar.overlaysWebView(true);

}

initializeApp() {

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

this.statusBar.styleDefault();

this.splashScreen.hide();

});

}

}

修改完成后就可以打包看效果了，目前仅在Android端测试没问题，IOS请自行测试

原文：https://www.cnblogs.com/hanzhe/p/14306429.html