Intermittently SafeAreaView not working with in-call extra height on iOS

[townmulti]

When I'm already in a call and then open an app using expo, sometimes SafeAreaView doesn't apply the extra height needed. It does the same with or without using the package expo/status-bar-height. I'm using react-navigation (version 1.5.11) SafeAreaView and here is a screenshot of it in the expo app using version 27.0.1.

[sullenor]

Since safe-area-view can't detect whether StatusBar component is translucent or not on android, you can set the statusBarHeight manually via setStatusBarHeight static method.

import {Platform} from 'react-native';
import SafeAreaView from 'react-native-safe-area-view';

if (Platform.OS === 'android') {
  SafeAreaView.setStatusBarHeight(25);
}

or if you use react-navigation, then:

import {Platform} from 'react-native';
import {SafeAreaView} from 'react-navigation';

if (Platform.OS === 'android') {
  SafeAreaView.setStatusBarHeight(25);
}

[slorber]

@sullenor it looks to me that setStatusBarHeight does not trigger a re-render, I think it would be helpful to make sure all mounted instances re-render when this setter is called

[sullenor]

@slorber yeah, it is. Currently it will work in case you set it before initial rendering.

[slorber]

i've made a pr for that #38

[brentvatne]

this should be resolved in version 1.0 which was released today, thanks for reporting!