tomloprod / cordova-plugin-headercolor Goto Github PK
View Code? Open in Web Editor NEWHeaderColor is a cordova plugin to change color of header in multitask view. Android devices.
License: MIT License
HeaderColor is a cordova plugin to change color of header in multitask view. Android devices.
License: MIT License
Instead using the github address to install in cordova, registering it on npm sounds be easier and more natural:
cordova plugin add cordova-plugin-headercolor
I don't know how dificult could be, but would be great being able to change also the text color.
The plugin is freezing the application after splash screen load.
Ionic:
ionic (Ionic CLI) : 4.5.0
Ionic Framework : @ionic/angular 4.0.0-beta.17
@angular-devkit/build-angular : 0.7.5
@angular-devkit/schematics : 0.7.5
@angular/cli : 6.1.5
@ionic/angular-toolkit : 1.2.0
Cordova:
cordova (Cordova CLI) : 8.1.2 ([email protected])
Cordova Platforms : android 7.1.2
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.1, (and 11 other plugins)
System:
Android SDK Tools : 26.1.1
NodeJS : v11.4.0
npm : 5.6.0
OS : Linux 4.15
Hello, I'm following the same instalation and usage instructions from here https://ionicframework.com/docs/native/header-color/ but when trying to use tint
, I get:
`Uncaught TypeError: Cannot read property 'tint' of undefined
at Object.222 (main.js:139)
at __webpack_require__ (vendor.js:55)
at Object.199 (main.js:94)
at __webpack_require__ (vendor.js:55)
at webpackJsonpCallback (vendor.js:26)
at main.js:1`
My page where I use it:
`
...
import { HeaderColor } from '@ionic-native/header-color';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(private headerColor: HeaderColor,private geofence: Geofence,private gyroscope: Gyroscope,private extendedDeviceInformation: ExtendedDeviceInformation,private document: DocumentViewer,private emailComposer: EmailComposer,public navCtrl: NavController) {
this.headerColor.tint('#becb29');
}
}`
App.module:
`
...
import { HeaderColor } from '@ionic-native/header-color';
this.headerColor.tint('#becb29');
@NgModule({
declarations: [
MyApp,
HomePage
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler},
EmailComposer, DocumentViewer, ExtendedDeviceInformation, Gyroscope, Geofence, HeaderColor
`
If I use it setting the color in the config.xml
it works tho, but I'd like to get this working if possible.
My Ionic info:
`cli packages: (C:\Users\Ulises\AppData\Roaming\npm\node_modules)
@ionic/cli-utils : 1.19.2
ionic (Ionic CLI) : 3.20.0
global packages:
cordova (Cordova CLI) : 8.0.0
local packages:
@ionic/app-scripts : 3.1.11
Cordova Platforms : android 6.3.0
Ionic Framework : ionic-angular 3.9.2
System:
Android SDK Tools : 26.1.1
Node : v8.11.3
npm : 5.6.0
OS : Windows 10
Environment Variables:
ANDROID_HOME : C:\Users\Ulises\AppData\Local\Android\Sdk
Misc:
backend : pro`
Thanks.
i run
ionic cordova build --release android
but failed on that exception
thanks in advance
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.