Awesome
React Native Device [deprecated]
This project is no longer maintained. You can still use it as is, but bugs will no longer be fixed, features will no longer be implemented. An alternative to this package might be react-native-device-info
A wrapper for the native iOS UIDevice & Android Build class allowing you to access device properties and screen dimensions. Currently only for React Native iOS, Android support in progress.
Installation (iOS)
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
or iPad
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
Device.deviceVersion
The specific device version, such as iPhone 4S
or iPhone 6
- All model options
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
}
}
});