cordva Stutsbar状態バープラグインの使用
cordvaのStutsbarはapにステータスバーの背景色を設定する機能を提供します。公式文書:http://cordova.axuer.com/docs/zh-cn/latest/reference/cordova-plugin-statusbar/index.html
プラグインは4つの方法を提供します。 show:表示状態欄 hide:隠しステータスバー background ColorByName(「」):ステータスバーの背景色を設定し、ダブルクォーテーション内に色を設定し、取値範囲:black、darkGray、lightGray、white、gray、green、blue、cyan、yellows、magenta、orange、purplowe、brow。注意:Android 5.0システム以上は設定ステータスバーの色に対応しています。 overlays WebView:設定ステータスバーが重複しているかどうかは、IOS 7でfalseとして設定され、ステータスバーのスタイルはIOS 6 に近い。
1.プラグインのインストール
次の2つのコマンドでも大丈夫です。
プラグインは4つの方法を提供します。
1.プラグインのインストール
次の2つのコマンドでも大丈夫です。
cordova plugin add cordova-plugin-statusbar
cordova plugin add https://github.com/apache/cordova-plugin-statusbar.git
2.config.xmlには以下のように配置されています。
( false, Android )
3. app.js run
。
注意:状态栏字体颜色的设置问题
如果把背景颜色设成白色,由于状态栏上面的文字为白色,这样的话状态栏上面的文字就无法看清了。因此本文提供一些解决方案,可以是MIUI6+,Flyme4+,Android6.0+支持切换状态栏的文字颜色为暗色。
android 6.0开始,谷歌官方提供了支持,在style属性中配置android:windowLightStatusBar
即可, 设置为true时,当statusbar的背景颜色为淡色时,statusbar的文字颜色会变成灰色,为false时同理。