rnd

react-native-device

A UIDevice class wrapper for React Native

Showing:

Popularity

Downloads/wk

121

GitHub Stars

180

Maintenance

Last Commit

5yrs ago

Contributors

4

Package

Dependencies

0

Size (min+gzip)

0.3KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

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

NPM Stats

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

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial