HTMLDwebNavigationBarElement
A WebComponent for accessing the system navigation bar;
Inherits from HTMLStateObserverElement;
<dweb-navigation-bar></dweb-navigation-bar>
Properties
plugin
A NavigationBarPlugin object;
state
The NavigationBarPlugin.state object;
setColor
The NavigationBarPlugin.setColor() method
getColor
The NavigationBarPlugin.getColor() method
setStyle
The NavigationBarPlugin.setStyle() method
getStyle
The NavigationBarPlugin.getStyle() method
show
The NavigationBarPlugin.show() method
hide
The NavigationBarPlugin.hide() method
setVisible
The NavigationBarPlugin.setVisible() method
getVisible
The NavigationBarPlugin.getVisible() method
getState
The NavigationBarPlugin.getState() method
setOverlay
The NavigationBarPlugin.setOverlay() method
getOverlay
The NavigationBarPlugin.getOverlay() method
Methods
- None
Events
"statechange"
Triggered when state changes;
Passes a CustomEvent object to listener;
CustomEvent.detail is a NavigationBarPlugin.state object;
Example
<body>
<dweb-navigation-bar></dweb-navigation-bar>
<script type="text/javascript">
const dwebNavigationBar = document.querySelector("dweb-navigation-bar");
dwebNavigationBar.getOverlay();
</script>
</body>
Cross-Platform Compatibility
| Properties/Methods/Events | Android | iOS | Desktop-Dev | Desktop |
|---|---|---|---|---|
| plugin | ✅ | ✅ | ✅ | X |
| state | ✅ | ✅ | ✅ | X |
| setColor | ✅ | ✅ | ✅ | X |
| getColor | ✅ | ✅ | ✅ | X |
| setStyle | ✅ | ✅ | ✅ | X |
| getStyle | ✅ | ✅ | ✅ | X |
| show | ✅ | ✅ | ✅ | X |
| hide | ✅ | ✅ | ✅ | X |
| setVisible | ✅ | ✅ | ✅ | X |
| getVisible | ✅ | ✅ | ✅ | X |
| getState | ✅ | ✅ | ✅ | X |
| setOverlay | ✅ | ✅ | ✅ | X |
| getOverlay | ✅ | ✅ | ✅ | X |