A quirk in Xiaomi HyperOS/MIUI

[tcdw]

I am using this library in my project for a while, and I am quite happy with the results on Android emulator, until I tested on a Redmi device:

gesture navigation bar	button navigation bar

As you can see, there are white semi-transparent background on both gesture navigation bar and button navigation bar, which is not the effect I want.

Since there are significant amount of Xiaomi/Redmi users in our country, I think I should find a workaround for that. I found this:

By default, this library adopts Android 15 defaults: a fully transparent status bar, a fully transparent gesture navigation bar, and a semi-opaque button navigation bar. To enforce full transparency in all cases, set the enforceNavigationBarContrast option to false.

So, I set the enforceNavigationBarContrast option to false, and guess what? The problem with gesture navigation bar solved!

gesture navigation bar	button navigation bar

So, the conclusion is clear: Xiaomi HyperOS/MIUI is using the button navigation bar background color for both two types of navigation bar. If you would like to make sure the edge-to-edge layout looks properly on Xiaomi/Redmi devices, I think you should consider this quirk.

By the way, I tested on a Redmi K60E (2.0.3.0.UMMCNXM, Android 14); I can also reproduce that on a Xiaomi 13 (2.0.100.0.VMCCNXM, Android 15) and a Redmi K30 5G (MIUI 13.0.5.0.SGICNXM, Android 12).

[zoontek]

@tcdw Good to know. MIUI is trash, not sure we can fix this as they simply don't respect Android default behavior here.