JavaScript Status Bar API

Customize your app status bar using the WebToNative JavaScript API. Set colors, icon styles, transparency, and Android overlay options.

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

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

npm

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.