Skip to content

fquirin/cordova-plugin-navigationbar

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

cordova-plugin-navigationbar-color

The NavigationBar object provides some functions to control the Android device navigation bar.

Installation

cordova plugin add cordova-plugin-navigationbar-color

Preferences

config.xml

  • NavigationBarBackgroundColor (color hex string, default value #000000). Color of navigation bar.
<preference name="NavigationBarBackgroundColor" value="#000000" />
  • NavigationBarLight (boolean, defaults to false). Change the color of the buttons in the navigation bar to black, use in light colors of the navigation bar (Android 8.0 or higher).
<preference name="NavigationBarLight" value="true" />

Methods

This plugin defines global NavigationBar object.

Although in the global scope, it is not available until after the deviceready event.

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady()
{
    console.log(NavigationBar);
}

NavigationBar.backgroundColorByHexString

Set color of navigation bar by hex string.

NavigationBar.backgroundColorByHexString(String colorHex, Boolean lightNavigationBar = false);
  • colorHex Color hex string. Set the color of navigation bar.

  • lightNavigationBar Change the color of the buttons in the navigation bar to black, use in light colors of the navigation bar (Android 8.0 or higher).

NavigationBar.backgroundColorByName

Set color of navigation bar by color name.

NavigationBar.backgroundColorByName(String colorName, Boolean lightNavigationBar = false);
  • colorName Color name. Set the color of navigation bar.

    • Possible values
    • black: Equals #000000
    • darkGray: Equals #A9A9A9
    • lightGray: Equals #D3D3D3
    • white: Equals #FFFFFF
    • gray: Equals #808080
    • red: Equals #FF0000
    • green: Equals #00FF00
    • blue: Equals #0000FF
    • cyan: Equals #00FFFF
    • yellow: Equals #FFFF00
    • magenta: Equals #FF00FF
    • orange: Equals #FFA500
    • purple: Equals #800080
    • brown: Equals #A52A2A
  • lightNavigationBar Change the color of the buttons in the navigation bar to black, use in light colors of the navigation bar (Android 8.0 or higher).

NavigationBar.hide

Hide the navigation bar.

NavigationBar.hide();

NavigationBar.show

Shows the navigation bar.

NavigationBar.show();

About

Cordova NavigationBar Plugin

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Java 67.9%
  • JavaScript 32.1%