Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/GertjanReynaert/react-native-device
A UIDevice class wrapper for React Native
https://github.com/GertjanReynaert/react-native-device
Last synced: 6 days ago
JSON representation
A UIDevice class wrapper for React Native
- Host: GitHub
- URL: https://github.com/GertjanReynaert/react-native-device
- Owner: GertjanReynaert
- Created: 2015-04-14T18:50:59.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-08-10T16:26:00.000Z (over 7 years ago)
- Last Synced: 2024-11-25T10:50:39.562Z (18 days ago)
- Language: Objective-C
- Homepage:
- Size: 69.3 KB
- Stars: 179
- Watchers: 6
- Forks: 34
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
- awesome-react-native - react-native-device ★185 - UIDevice wrapper for React Native (Components / System)
- awesome-react-native - react-native-device ★185 - UIDevice wrapper for React Native (Components / System)
- awesome-react-native - react-native-device ★185 - UIDevice wrapper for React Native (Components / System)
- awesome-react-native - react-native-device ★185 - UIDevice wrapper for React Native (Components / System)
- awesome-react-native-ui - react-native-device ★161 - UIDevice wrapper for React Native (Components / System)
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](https://github.com/rebeccahughes/react-native-device-info)
A wrapper for the native [iOS UIDevice](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIDevice_Class/index.html#//apple_ref/occ/cl/UIDevice) & [Android Build](http://developer.android.com/reference/android/os/Build.html) class allowing you to access device properties and screen dimensions. **Currently only for React Native iOS, [Android support](https://github.com/GertjanReynaert/react-native-device/issues/16) 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
```javascript
Device.isIpad()
```
The device model is of type iPad
```javascript
Device.isIphone()
```
The device model is of type iPhone
## Properties
```javascript
Device.model
```
The device model, such as `iPhone` or `iPad`
```javascript
Device.deviceName
```
The device name, such as `John Smith's iPhone`
```javascript
Device.systemName
```
The device OS name, such as `iPhone OS`
```javascript
Device.systemVersion
```
The device OS version, such as `8.4`
```javascript
Device.deviceVersion
```
The specific device version, such as `iPhone 4S` or `iPhone 6` - [All model options](https://gist.github.com/kkjdaniel/652cf598ae0ac298a50b)
## Example
```javascript
'use strict';
var Device = require('react-native-device');
var ExampleApp = React.createClass({
render: function() {
if (Device.isIpad()) {
// return iPad layout
} else {
// return iPhone layout
}
}
});
```