Ionic 开发笔记

1、调整ionic的APP在手机上显示的状态栏样式

  

1.安装插件:cordova plugin add org.apache.cordova.statusbar

2.检查index文件中,是否引入了<scrript src="cordova.js"></script>

3 、在app.componint.ts文件中找到

在此处可修改状态栏样式

注:StatusBar.styleDefault 状态栏默认样式,也就是电池信号黑色;
StatusBar.styleLightContent 状态栏内容浅色,貌似就是白色,适合深色背景;
StatusBar.styleBlackTranslucent 状态栏黑色半透明,我测了下,跟上面一样的效果,电池时间都是白色的,适合深色背景;
StatusBar.styleBlackOpaque 状态栏黑色不透明。我测了下,还是白色的,跟上面一样,适合深色背景;
StatusBar.hide 状态栏隐藏;
StatusBar.show 状态栏显示;

猜你喜欢

转载自www.cnblogs.com/zhanghouqi/p/9072511.html