Skip to content

skevy/react-native-device

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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
    }
  }
});

About

Device detection for react-native

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Objective-C 54.0%
  • JavaScript 46.0%