Status Bar Customization Guide

Customize the status bar in your Bubble.io app using the WebToNative plugin. Configure colors, icons, and appearance for Android and iOS.

Recommended Setup:

Use this action on page load to define the status bar appearance as soon as the app loads.

Steps:

1. Go to the Workflow tab and select Page Load as the event trigger.

2. Add the Customize Status Bar action.

3. Configure the following properties:

   • Style: Choose between light or dark status bar text to match your app’s theme.

   • Color: Set the background color for the status bar (e.g., hex color code).

   • Overlay: Select true if you want the status bar to overlay app content; otherwise, set it to false.