Status Bar

You'll need to import the javascript file in your website before starting from this .

Dynamically update status bar visibility and style. To update status bar styling call following function

Plain Javascript

WTN.statusBar({
    style:"light",
    color:"80ff0000",
    overlay:true //Only for android
});

ES5+

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, it 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.