React Native Device
A wrapper for the native UIDevice class allowing you to access device properties and screen dimensions.
Installation
First install the package to your project from NPM...
npm install react-native-device --save
Then within the package folder just add both the .h
and .m
classes to your project...
Methods
Device.isIpad()
The device model is of type iPad
Device.isIphone()
The device model is of type iPhone
Properties
Device.model
The device model, such as iPhone 5
or iPad Air
- All model options
Device.deviceName
The device name, such as John Smith's iPhone
Device.systemName
The device OS name, such as iPhone OS
Device.systemVersion
The device OS version, such as 8.4
Example
'use strict';
var Device = require('react-native-device');
var ExampleApp = React.createClass({
render: function() {
if (Device.isIpad()) {
// return iPad layout
} else {
// return iPhone layout
}
}
});