react-native-safe-area-context

react-native-safe-area-context copied to clipboard

When the app goes in background mode, <SafeAreaInsetsContext.Consumer> triggers a re-render with a wrong bottom inset value.

const MyScreen = () => {

	const renderNavTabBarWithInsets = (insets: EdgeInsets|null) => {
		if (__DEV__) {
			// I get {"bottom": 0, "left": 0, "right": 0, "top": 33} on my Samsung S21
			// except when going in background mode, it re-renders with 
			// {"bottom": 48, "left": 0, "right": 0, "top": 33}
			console.debug('renderNavTabBarWithInsets ',insets);
		}
		return (<></>);
		);
	}

	return (
		<SafeAreaInsetsContext.Consumer>
			{renderNavTabBarWithInsets}
		</SafeAreaInsetsContext.Consumer>
	);
}

My setup:

    "react": "18.3.1",
    "react-native": "0.75.5",
    "react-native-safe-area-context": "5.3.0",