@eslam-elmeniawy/react-native-common-components
Version:
Common `ReactNative` components packed in library for usage in projects.
99 lines (98 loc) • 3.28 kB
JavaScript
;
// External imports.
import { Dimensions, Platform, StatusBar } from 'react-native';
const STATUSBAR_DEFAULT_HEIGHT = 20;
const STATUSBAR_X_HEIGHT = 44;
const STATUSBAR_IP12_HEIGHT = 47;
const STATUSBAR_IP12MAX_HEIGHT = 47;
const STATUSBAR_IP14PRO_HEIGHT = 59;
const STATUSBAR_IP14MAX_HEIGHT = 59;
const STATUSBAR_IP16MAX_HEIGHT = 62;
const X_WIDTH = 375;
const X_HEIGHT = 812;
const XSMAX_WIDTH = 414;
const XSMAX_HEIGHT = 896;
const IP12_WIDTH = 390;
const IP12_HEIGHT = 844;
const IP12MAX_WIDTH = 428;
const IP12MAX_HEIGHT = 926;
const IP14PRO_WIDTH = 393;
const IP14PRO_HEIGHT = 852;
const IP14MAX_WIDTH = 430;
const IP14MAX_HEIGHT = 932;
const IP16MAX_WIDTH = 440;
const IP16MAX_HEIGHT = 956;
const {
height: W_HEIGHT,
width: W_WIDTH
} = Dimensions.get('window');
let statusBarHeight = STATUSBAR_DEFAULT_HEIGHT;
let isIPhoneX_v = false;
let isIPhoneXMax_v = false;
let isIPhone12_v = false;
let isIPhone12Max_v = false;
let isIPhone14Pro_v = false;
let isIPhone14Max_v = false;
let isIPhone16Max_v = false;
let isIPhoneWithMonobrow_v = false;
if (Platform.OS === 'ios' && !Platform.isPad && !Platform.isTV) {
if (W_WIDTH === X_WIDTH && W_HEIGHT === X_HEIGHT) {
isIPhoneWithMonobrow_v = true;
isIPhoneX_v = true;
statusBarHeight = STATUSBAR_X_HEIGHT;
} else if (W_WIDTH === XSMAX_WIDTH && W_HEIGHT === XSMAX_HEIGHT) {
isIPhoneWithMonobrow_v = true;
isIPhoneXMax_v = true;
statusBarHeight = STATUSBAR_X_HEIGHT;
} else if (W_WIDTH === IP12_WIDTH && W_HEIGHT === IP12_HEIGHT) {
isIPhoneWithMonobrow_v = true;
isIPhone12_v = true;
statusBarHeight = STATUSBAR_IP12_HEIGHT;
} else if (W_WIDTH === IP12MAX_WIDTH && W_HEIGHT === IP12MAX_HEIGHT) {
isIPhoneWithMonobrow_v = true;
isIPhone12Max_v = true;
statusBarHeight = STATUSBAR_IP12MAX_HEIGHT;
} else if (W_WIDTH === IP14PRO_WIDTH && W_HEIGHT === IP14PRO_HEIGHT) {
isIPhoneWithMonobrow_v = true;
isIPhone14Pro_v = true;
statusBarHeight = STATUSBAR_IP14PRO_HEIGHT;
} else if (W_WIDTH === IP14MAX_WIDTH && W_HEIGHT === IP14MAX_HEIGHT) {
isIPhoneWithMonobrow_v = true;
isIPhone14Max_v = true;
statusBarHeight = STATUSBAR_IP14MAX_HEIGHT;
} else if (W_WIDTH === IP16MAX_WIDTH && W_HEIGHT === IP16MAX_HEIGHT) {
isIPhoneWithMonobrow_v = true;
isIPhone16Max_v = true;
statusBarHeight = STATUSBAR_IP16MAX_HEIGHT;
}
}
export const isIPhoneX = () => isIPhoneX_v;
export const isIPhoneXMax = () => isIPhoneXMax_v;
export const isIPhone12 = () => isIPhone12_v;
export const isIPhone12Max = () => isIPhone12Max_v;
export const isIPhone14Pro = () => isIPhone14Pro_v;
export const isIPhone14Max = () => isIPhone14Max_v;
export const isIPhone16Max = () => isIPhone16Max_v;
export const isIPhoneWithMonobrow = () => isIPhoneWithMonobrow_v;
export const getStatusBarHeight = skipAndroid => {
if (Platform.OS === 'ios') {
return statusBarHeight;
}
if (Platform.OS === 'android') {
const currentHeight = StatusBar?.currentHeight ?? 0;
return skipAndroid ? 0 : currentHeight;
}
return 0;
};
export default {
isIPhoneX,
isIPhoneXMax,
isIPhone12,
isIPhone12Max,
isIPhone14Pro,
isIPhone14Max,
isIPhone16Max,
isIPhoneWithMonobrow,
getStatusBarHeight
};
//# sourceMappingURL=StatusBarHeight.js.map