cordova-plugin-CDVNavBar

This plugin adds NavigationBar to your Cordova Applications.

Installation

cordova plugin add cordova-plugin-cdvnavbar

Supported Platforms

• iOS

Example For NavigationBar

navbar.create();
navbar.hideLeftButton()
navbar.hideRightButton();
navbar.setupRightButton("", 'barButton:Refresh', null);
navbar.showRightButton();
navbar.settitle("Tab 1");
navbar.setBGhex("#FF0000"); // NavBar BG Color (You can set it as 'transparent')
navbar.setTitlehex("#000000"); // Title Color (will be deprecated, use setTitleAttr instead)
navbar.setTitleAttr("#FFFFFF","Helvetica-Bold","16.0"); // If you want a custom font, you need to add it to xcode
navbar.setButtonshex("#CCCCCC"); // Buttons Color
navbar.show();

Image instead of title

navbar.setLogo(‘IMAGE’);
 
// Image can be a URL to an image starting with http:// or https://
// Or can be the title of the image added to the xcode project

Example Adding Drawer to NavigationBar

var draweritems = [];
draweritems.push(["Page1","index.html","icon.png", "im the badge"]);
draweritems.push(["Page2","index2.html","", "no badge"]);
draweritems.push(["Page3","index3.html","", null]);
navbar.setupDrawer(draweritems, "#ffffff");