前段时间在ionic项目中遇到这样的问题,ios的导航栏隐藏被手机的状态栏遮挡住了,解决方法:
1.安装插件:
cordova plugin add org.apache.cordova.statusbar
2.检查index文件中,是否引入了
<script src="cordova.js"></script> 3.在项目app.js文件夹中,加入如下的js代码:.run(['$ionicPlatform', function ($ionicPlatform) { $ionicPlatform.ready(function() { if (window.StatusBar) { // org.apache.cordova.statusbar required StatusBar.show(); // 状态栏显示 } });
StatusBar.styleDefault 状态栏默认样式,也就是电池信号黑色;
StatusBar.styleLightContent 状态栏内容浅色,貌似就是白色,适合深色背景;
StatusBar.styleBlackTranslucent 状态栏黑色半透明,我测了下,跟上面一样的效果,电池时间都是白色的,适合深色背景;
StatusBar.styleBlackOpaque 状态栏黑色不透明。我测了下,还是白色的,跟上面一样,适合深色背景;
StatusBar.hide 状态栏隐藏;
StatusBar.show 状态栏显示;