Capacitor Status Bar not working consistently across all devices (Android & iOS)

Capacitor
1

Hello Support Team,

I am facing an issue with the @capacitor/status-bar plugin in my Capacitor mobile application.

The Status Bar configuration is not working properly across all devices. On some devices it behaves as expected, but on others (especially certain Android devices like Samsung), the status bar style, background color, or visibility does not update correctly.

Details:

  • Framework: Capacitor (with Angular)

  • Plugin: @capacitor/status-bar

  • Platforms: Android & iOS

  • Issue:

    • Status bar color/style not applied on all devices

    • Inconsistent behavior between different manufacturers

    • Safe area / status bar overlap issues on some screens

What I’ve tried:

  • Updating to the latest Capacitor and plugin versions

  • Setting status bar options programmatically

  • Testing on multiple devices and OS versions

Despite this, the issue still persists.

Could you please help identify:

  • If this is a known issue with certain devices

  • Any recommended configuration or workaround

  • Whether additional native settings are required for Android or iOS

Looking forward to your support.

Thanks & regards,
SP

2

You might want to try the new plugin - System Bars Capacitor Plugin API | Capacitor Documentation and look at the community Safe Area plugin.

Also take a look at the SystemBars config options - Capacitor Configuration | Capacitor Documentation