React Native / How to determine if on iPhone X or XR

is-iphone-x.js

// is-iphone-x.js

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

export function isIphoneX() {
  const dim = Dimensions.get('window');
  
  return (
    // This has to be iOS
    Platform.OS === 'ios' &&
    
    // Check either, iPhone X or XR
    (isIPhoneXSize(dim) || isIPhoneXrSize(dim))
  );
}

export function isIPhoneXSize(dim) {
  return dim.height == 812 || dim.width == 812;
}

export function isIPhoneXrSize(dim) {
  return dim.height == 896 || dim.width == 896;
}



// --- main.js Example

import { isIphoneX } from './is-iphone-x'

const HEADER_SIZE = isIphoneX() ? 130 : 100;

// is-iphone-x.js

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

export function isIphoneX() {
const dim = Dimensions.get('window');

return (
// This has to be iOS
Platform.OS === 'ios' &&
(isIPhoneXSize(dim) || isIPhoneXrSize(dim))
);
}

export function isIPhoneXSize(dim) {
return dim.height == 812 || dim.width == 812;
}

export function isIPhoneXrSize(dim) {
return dim.height == 896 || dim.width == 896;
}

// --- main.js Example

import { isIphoneX } from './is-iphone-x'

const HEADER_SIZE = isIphoneX() ? 130 : 100;

@romreed, thank you. Fixed.