react-native-js-iphone-notch-helper.js

import { Dimensions, Platform, StatusBar } from 'react-native';

// NOTE:
// const iPhoneXSMax = { width: 414, height: 896 };
// const iphoneXS = { width: 375, scale: 3, height: 812 };
// const iphoneXR = { width: 414, height: 896 };

export function isIphoneX() {
	const dimen = Dimensions.get('window');
	return (
		Platform.OS === 'ios' &&
		!Platform.isPad &&
		!Platform.isTVOS &&
		(dimen.height >= 812 || dimen.width >= 812)
	);
}

export function ifIphoneX(iphoneXStyle, regularStyle) {
	if (isIphoneX()) {
		return iphoneXStyle;
	}
	return regularStyle;
}

export function getStatusBarHeightOffset() {
	return Platform.select({
		ios: ifIphoneX(30, 0),
		android: StatusBar.currentHeight,
	});
}

export function getBottomSpaceOffset() {
	return isIphoneX() ? 34 : 0;
}