React Native: How to Determine if Device is iPhone or iPad

Question

I know with React Native that we have the ability to determine whether iOS or Android is being run using the Platform module, but how can we determine what device is being used on iOS?

Answer 1

As of 9.02.2018 there is also

import { Platform } from 'react-native'
Platform.isPad // boolean

Mind that (as of now) it has no android counterpart.

• IOS https://github.com/facebook/react-native/blob/master/Libraries/Utilities/Platform.ios.js#L23
• Android https://github.com/facebook/react-native/blob/master/Libraries/Utilities/Platform.android.js (no isPad!)

Answer 2

Simplest approach will be using the aspect ratio. The code will be:

import { Dimensions } from 'react-native';
const {height, width} = Dimensions.get('window'); 
const aspectRatio = height/width;

if(aspectRatio>1.6) {

   // Code for Iphone

}
else {

   // Code for Ipad

}

Aspect ratio of iPad is 4:3 (1.334) and aspect ratio of iPhone is 16:9 (1.778)

Make sure to check if you are on an iOS device using Platform.OS === 'ios' method before applying the above logic.

Answer 3

If you're looking for a way to do that without including 3rd party libraries (like react-native-device-info) you can also do:

import { NativeModules } from 'react-native';
const { PlatformConstants } = NativeModules;
const deviceType = PlatformConstants.interfaceIdiom;

deviceType can take the values: phone, pad, tv, carplay and unknown.