Links
Comment on page

Status Bar

You'll need to import the javascript file in your website before starting from this link.
Dynamically update status bar visibility and style. To update status bar styling call following function
Plain Javascript
ES5+
WTN.statusBar({
style:"light",
color:"80ff0000",
overlay:true //Only for android
});
import {statusBar} from "webtonative"
statusBar({
style:"light",
color:"80ff0000",
overlay:true //Only for android
});
  • Style : "light" or "dark". Sets the icon colors in the status bar. Default on iOS is dark and default on Android is light. Setting Android to dark icons requires Marshmallow 6.0 or later.
  • Color : in RRBBGG or AARRBBGG format with hex values. Sets the status bar to a solid color. On Android, requires Lollipop 5.0 or later. Use 00000000 for completely transparent.
  • Overlay (Only For Android): "true" or "false". If true, web content will extend underneath the status bar. If false (default behaviour), web content will start below the bottom of the status bar.