ionic cordova 控制iOS状态栏的显示,隐藏,颜色

来源:互联网 发布:excel数据等距分组 编辑:程序博客网 时间:2024/04/30 20:50

Cordova 插件地址:

  1. http://plugins.cordova.io/

访问, 您可以在其中搜索cordova插件,搜下statusbar:

在命令终端:

  1. sudo cordova plugin add org.apache.cordova.statusbar

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

显示白色:

  1. .run(function($ionicPlatform) {
  2.   $ionicPlatform.ready(function() {
  3.     // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
  4.     // for form inputs)
  5.     if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
  6.       cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
  7.       cordova.plugins.Keyboard.disableScroll(true);
  8.  
  9.     }
  10.     if (window.StatusBar) {
  11.       // org.apache.cordova.statusbar required
  12.       StatusBar.styleLightContent();
  13.     }
  14.   });
  15. })
0 0