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

  • 2016-09-08
  • 0
  • 0
  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.     if (window.StatusBar) {
  10.       // org.apache.cordova.statusbar required
  11.       StatusBar.styleLightContent();
  12.     }
  13.   });
  14. })

评论

还没有任何评论,你来说两句吧

你必须 登录 才能发表评论.