app.components modify

[MultiArtsTuts]

Here it was only transparent by modifying the function.

initializeApp() {
    this.platform.ready().then(() => {
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      // this.statusBar.styleDefault();

      // Transparent status bar for android
      // #AARRGGBB where AA is an alpha value
      // if (this.platform.is('android')) { 
        this.statusBar.overlaysWebView(true); // add this
        this.statusBar.backgroundColorByHexString("#33000000");
      // }

      this.splashScreen.hide();
    });
  }

IONIC CLI 3.19.0

[jeneser]

Not really, but you can say it.
We use this method to realize transparency, and then we did some other work for that.
Like: Set ui visibility.

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
	getWindow().getDecorView().setSystemUiVisibility(
	   View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN |
	   View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
}

Feat status bar.

.platform-android {
  .ion-page {
    ion-header {
      padding-top: $cordova-md-statusbar-padding;
      background-color: color($colors, primary);
    }
  }
}

and so on...