react-native: `StatusBar.currentHeight` gives incorrect height on Google Pixel 5a (Android 12)

Stop auto closing these! This is a bug! And why doesn’t the RN team respond to something like this?

Not just Pixel 5a, but many devices that may have a notch.

Hi ! We quick fixed it statically until we have time to tackle it properly or it gets fixed. It look like this:

import { initialWindowMetrics } from 'react-native-safe-area-context'
import { hasNotch } from 'react-native-device-info'

const getStatusBarHeight = () => {
  if (isIos) {
    return hasNotch() ? 44 : 20
  }
  return initialWindowMetrics?.insets.top || 0
}

The initialWindowMetrics?.insets.top actually returns the correct insets. (Obviously it would be better to use a useInsets and the context to be sure to have it updated in case it change dynamically)

Let me know if it’s unclear !

We ended up using react-native-safe-area-context which were luckily already using (I hate adding lib to palliate a bug in a native function)…

It gives the insets of the devices, with the correct value for the top inset (the status bar). They probably don’t rely on StatusBar.currentHeight, but on the native function instead, which makes it perfectly reliable.

It also enforces a better usage of this value which can actually change when rotating the screen. So we shouldn’t get it statically, but react to its changes instead. And react-native-safe-area-context provides the tools for it.

Again, not the best solution as it requires to add a lib, but at least the lib provides the right values !

Hope it can help until it’s fix on React-Native side !

` Working solution for API 29+ It was with this version that Google introduced edge-to-edge

public void getStatusBarHeight(Promise promise) {

    final Activity curActivity = getCurrentActivity();
    if (curActivity == null) {
        return;
    }

    int topInset = 0;

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
        View decorView = getCurrentActivity().getWindow().getDecorView();
        WindowInsets windowInsets = decorView.getRootWindowInsets();
        Insets insets;

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
            insets = windowInsets.getInsets(WindowInsets.Type.statusBars());
            topInset = insets.top;
        } else {
            topInset = windowInsets.getSystemWindowInsetTop();
        }

        Rect visibleRect = new Rect();
        decorView.getGlobalVisibleRect(visibleRect);
        final float height =
                topInset > 0
                        ?  PixelUtil.toDIPFromPixel(Math.max(topInset - visibleRect.top, 0))
                        : 0;
        promise.resolve(height);
    } else {
        promise.resolve(topInset);
    }
}`

Well finally I managed to get the exact value, using some deprecated functions. What I did was detect the full screen height (2400) and supress the innerheight (2222) from it and the navbar too (42) so I ended with the long awaited 136.

EDIT: Turns out this method only worked on Pixels, so the final result is a mix of those 2:

fun getStatusBarHeight(): Int {
    // Per a Pixels //
    val displayMetrics = DisplayMetrics()
    windowManager.defaultDisplay.getMetrics(displayMetrics)
    val innerHeight = displayMetrics.heightPixels
    windowManager.defaultDisplay.getRealMetrics(displayMetrics)
    val height = displayMetrics.heightPixels
    val statusbarHeight = height - (innerHeight + getNavigationBarHeight());

    if (statusbarHeight > 0) {
        return statusbarHeight;
    } else {
        // Per a no Pixels //
        val resourceId = resources.getIdentifier("status_bar_height", "dimen", "android")
        return if (resourceId > 0) resources.getDimensionPixelSize(resourceId) else 0
    }
}

fun getNavigationBarHeight(): Int {
    val resourceId = resources.getIdentifier("navigation_bar_height", "dimen", "android")
    return if (resourceId > 0) resources.getDimensionPixelSize(resourceId) else 0
}