Vsコードプラグイン開発

コルドバ-プラグイン-ステータスバー-ステータスバー



Cordova Plugin Statusbar Status Bar



node 10.15.0 ionic 4.12.0 cordova 9.0 # platforms cordova-android：8.0.0 cordova-ios: 5.0.0

インストール

ionic cordova plugin add cordova-plugin-statusbar npm install @ionic-native/status-bar

構成

通常、設定は必要ありません。
config.xml

// Equivalent to setting full screen // background // ios white word // default false

使用する

app.module.ts



import {StatusBar} from '@ionic-native/status-bar/ngx' providers: [ StatusBar ]

app.component.ts

import {StatusBar} from '@ionic-native/status-bar/ngx' constructor(private platform: Platform, private statusBar: StatusBar) { this.initializeApp() } initializeApp() { this.platform.ready().then(() => { this.initStatusBar() }) } initStatusBar() { this.statusBar.styleDefault() if (this.platform.is('android')) { this.statusBar.overlaysWebView(true) } }

アンドロイド

背景色を設定します。＃AARRGGBBAAは透明チャネルを表します。



StatusBar.backgroundColorByHexString('#33000000')

IOS

起動時に非表示
plistファイルを編集する

UIStatusBarHidden UIViewControllerBasedStatusBarAppearance

すべての方法

  • StatusBar.overlaysWebView
  • StatusBar.styleDefault
  • StatusBar.styleLightContent
  • StatusBar.styleBlackTranslucent
  • StatusBar.styleBlackOpaque
  • StatusBar.backgroundColorByName
  • StatusBar.backgroundColorByHexString
  • StatusBar.hide
  • StatusBar.show