Retrieving device information such as the device model, system name, and version can be helpful in a variety of situations. With React Native, you can use the [react-native-device-info](https:&#x2F;&#x2F;github.com&#x2F;react-native-community&#x2F;react-native-device-info) library to quickly and easily retrieve information about the user’s device.

![react native device info](https:&#x2F;&#x2F;devbrite.io&#x2F;media&#x2F;cover2.jpg)
## Installing react-native-device-info

First, we need to install the &#96;react-native-device-info&#96; package. To do so, you can use either the [Yarn](https:&#x2F;&#x2F;yarnpkg.com&#x2F;) package manager or [npm](https:&#x2F;&#x2F;www.npmjs.com&#x2F;).

### Installing with Yarn

&#96;&#96;&#96;
yarn add react-native-device-info
&#96;&#96;&#96;

### Installing with npm

&#96;&#96;&#96;
npm install --save react-native-device-info
&#96;&#96;&#96;

## Retrieving Device Info in React Native

Once you have installed the &#96;react-native-device-info&#96; package, you can use the &#96;getDeviceInfo&#96; method to retrieve the device information.

&#96;&#96;&#96;javascript
import DeviceInfo from &#x27;react-native-device-info&#x27;;

const deviceInfo = DeviceInfo.getDeviceInfo();
&#96;&#96;&#96;

This will return an object with the device information.

## Various Device Info Properties in React Native

The &#96;react-native-device-info&#96; package provides various properties that can be used to retrieve specific information about the device. Here are some of the most common ones.

### Device Model

You can use the &#96;getModel&#96; method to retrieve the device model.

&#96;&#96;&#96;javascript
import DeviceInfo from &#x27;react-native-device-info&#x27;;

const deviceModel = DeviceInfo.getModel();
&#96;&#96;&#96;

### System Name

The &#96;getSystemName&#96; method can be used to retrieve the system name.

&#96;&#96;&#96;javascript
import DeviceInfo from &#x27;react-native-device-info&#x27;;

const systemName = DeviceInfo.getSystemName();
&#96;&#96;&#96;

### Version

The &#96;getVersion&#96; method can be used to retrieve the device version.

&#96;&#96;&#96;javascript
import DeviceInfo from &#x27;react-native-device-info&#x27;;

const version = DeviceInfo.getVersion();
&#96;&#96;&#96;

## Conclusion

Using the &#96;react-native-device-info&#96; package, you can quickly and easily retrieve information about the user’s device in React Native. This can be useful for a variety of situations, such as debugging and analytics.

How to Retrieve Device Info in React Native

About

Legal

Products

Resources

Category: