目录

• 1、概述
• 2、JS调用方法
• 3、注意事项

概述

statusbar插件作用是控制状态栏的显示方式和样式。

JS调用方法

1、导入插件require(“cordova!cordova-plugin-statusbar”)
2、插件提供了4个方法

• show:显示状态栏
• hide:隐藏状态栏
• backgroundColorByName(“”):设置状态栏的背景颜色，双引号内设置颜色，取值范围：black, darkGray, lightGray, white, gray, red, green, blue, cyan, yellow, magenta, orange, purple, brown。注意：Android5.0系统以上支持设置状态栏颜色。
• overlaysWebView:设置状态栏是否重叠，在IOS7中，设为false，状态栏的风格接近于IOS6

js代码

define(function(require){
	var $ = require("jquery");
	require("cordova!cordova-plugin-statusbar");
	var Model = function(){
		this.callParent();
	};
	Model.prototype.showClick = function(event){
		StatusBar.show();
	};
	Model.prototype.hideClick = function(event){
		StatusBar.hide();
	};
	Model.prototype.setBackBroundColorClick = function(event){
		StatusBar.backgroundColorByName("white");
	};
	Model.prototype.showWebViewClick = function(event){
		StatusBar.overlaysWebView(true);
	};
	Model.prototype.hideWebViewClick = function(event){
		StatusBar.overlaysWebView(false);
	};
	return Model;
});

注意事项：
show、hide是Android的方法，overlaysWebView是IOS的方法，backgroundColorByName是Android和IOS通用的，但android只支持5.0以上的版本设置背景色。