How to add statusbar and system navigation bar background color

[umardev500]

How to add statusbar and system navigation bar background color

[zoontek]

@umardev500 You can't.

The purpose of the package is to make them transparent / translucent to align with Android 15 behavior. If you want to add a solid color behind them, use the inset height, a View and bakcgroundColor. It will works on all platforms (including iOS) and all Android versions.

From the Android 15 (SDK 35) changelog:

[zoontek]

Yep, that's not handled (it follows Android 15 defaults), as it requires developers to adjust the navigation bar style at runtime, which is an additional chore only required for Android with buttons navs.

[zoontek]

Also, note that fully transparent navigation bar are broken on Android 15+.
Let's do a quick modification to set isNavigationBarContrastEnforced to false and be able update the navigation bar style:

On Android 14: Good ✅

Android.14.mp4

---

On Android 15: Broken ❌

Android.15.mp4

[umardev500]

Yep, that's not handled (it follows Android 15 defaults), as it requires developers to adjust the navigation bar style at runtime, which is an additional chore only required for Android with buttons navs.

If it not handled so i think that we not get the benefit of edge to edge

[umardev500]

Also, note that fully transparent navigation bar are broken on Android 15+.
Let's do a quick modification to set isNavigationBarContrastEnforced to false and be able update the navigation bar style:

On Android 14: Good ✅

Android.14.mp4

---

On Android 15: Broken ❌

Android.15.mp4

isNavigationBarContrastEnforced
Is that a props of what sir?

I add style in systembars but not get full transparen nav bar..

Could you please gave me a video for fully transparent system nav bar with content background color like red, green or some color to make sure that system nav bar is transparent enough

[zoontek]

@umardev500 Added in v1.3.0.
Check details here https://bsky.app/profile/zoontek.me/post/3lfcvmnzrhc2s