danielsogl / awesome-cordova-plugins

Native features for mobile apps built with Cordova/PhoneGap and open web technologies. Complete with TypeScript support.
https://danielsogl.gitbook.io/awesome-cordova-plugins/
Other
2.41k stars 2.42k forks source link

HeaderColor Plugin does not apply using Capacitor #3637

Closed BorjaFTW closed 3 years ago

BorjaFTW commented 3 years ago

[x] bug report [ ] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or https://ionicworldwide.herokuapp.com/

Current behavior: The color specified using HeaderColor.tint() doesn't change the color of header in multitask view using Capacitor.

Expected behavior: The color specified using HeaderColor.tint() should be applied to the color of header in multitask view using Capacitor.

Steps to reproduce:

Related code:

import { Component } from '@angular/core';

import { Platform } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { HeaderColor } from '@ionic-native/header-color/ngx';
[...]

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss']
})
export class AppComponent {

  constructor(
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar,
    [...]
    private headerColor: HeaderColor
  ) {
    this.initializeApp();
  }

  initializeApp() {    
    this.platform.ready().then(() => {
      [...]
      this.statusBar.styleDefault();
      this.headerColor.tint('#7b5a96');
      this.splashScreen.hide();
      [...]
    });
  }

}

Other information:

Ionic info:

Ionic:

   Ionic CLI                     : 6.12.4 (C:\Users\Borja_FTW\AppData\Roaming\npm\node_modules\@ionic\cli)      
   Ionic Framework               : @ionic/angular 5.5.4
   @angular-devkit/build-angular : 0.803.29
   @angular-devkit/schematics    : 8.3.29
   @angular/cli                  : 8.3.29
   @ionic/angular-toolkit        : 2.3.3

Capacitor:

   Capacitor CLI   : 2.2.1
   @capacitor/core : 2.4.6

Utility:

   cordova-res : 0.15.3
   native-run  : not installed

System:

   NodeJS : v12.16.1 (C:\Program Files\nodejs\node.exe)
   npm    : 6.14.3
   OS     : Windows 10

Device:

Samsung Galaxy S8 (SM-G950F) with Android 8.0.0
github-actions[bot] commented 3 years ago

Thanks for the issue! This issue is being closed due to inactivity. If this is still an issue, please create a new issue and ensure the template is fully filled out.