cordova-plugin-navigationbar

Cordova iOS Native NavigationBar

Installation

cordova plugin add [@pinpin.link/cordova-plugin-navigationbar

Example

/* Set NavigationBar Style */
NavigationBar.style({
  style: 'Default', // 'Black',  'BlackOpaque' or 'BlackTransparent',
  translucent: true,
  background: '#FFFFFFFF',
  height: 44.0
});

/* Set NavigationBar Title */
NavigationBar.title({
  title: 'Your Title Here',
  color: '#0000FFFF',
  font: 'Arial',
  size: 24
});

/* Remove NavigationBar Title */
NavigationBar.title();

/* Set NavigationBar Left */
NavigationBar.left({
  title: 'Left',
  color: '#0000FFFF',
  font: 'Arial',
  size: 24
}, function () {
  alert('NavigationBar left tapped!')
});

/* Set NavigationBar Right */
NavigationBar.right({
  title: 'Right',
  color: '#0000FFFF',
  font: 'Arial',
  size: 24
}, function () {
  alert('NavigationBar right tapped!')
});

/* Use System Item Icon */
NavigationBar.right({
  title: '@Done',
  color: '#0000FFFF'
}, function () {
  alert('NavigationBar right tapped!')
});

/* Show NavigationBar */
NavigationBar.show();

/* Hide NavigationBar */
NavigationBar.hide();

/* Show NavigationBar Left */
NavigationBar.showLeft();

/* Hide NavigationBar Left */
NavigationBar.hideLeft();

/* Show NavigationBar Right */
NavigationBar.showRight();

/* Hide NavigationBar Right */
NavigationBar.hideRight();

System Item Icons

1. @Done
2. @Cancel
3. @Edit
4. @Save
5. @Add
6. @FlexibleSpace
7. @FixedSpace
8. @Compose
9. @Reply
10. @Action
11. @Organize
12. @Bookmarks
13. @Search
14. @Refresh
15. @Stop
16. @Camera
17. @Trash
18. @Play
19. @Pause
20. @Rewind
21. @FastForward
22. @Undo
23. @Redo

License

This project is licensed under the Apache 2.0 License - see the file for details