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つのコマンドでも大丈夫です。
    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时同理。