Detects on react-native if device is iPhone X

isIphoneX.js

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

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

const ifIphoneX = (iphoneXStyle, regularStyle) => {
  if (isIphoneX()) {
    return iphoneXStyle;
  }
  return regularStyle;
};

export {
  isIphoneX,
  ifIphoneX,
};

// HOW TO USE

/*
export default StyleSheet.create({
    header:{
        ...ifIphoneX({
            paddingTop: 50
        }, {
            paddingTop: 20
        })
    },
});
*/

/*
if (isIphoneX()) {
  do anything...
}
*/