React Native獲取設備信息組件

時間 2019-11-16

原文原文鏈接

本文原創首發於公衆號：ReactNative開發圈，轉載需註明出處。react

此次介紹的獲取移動設備信息的組件名叫：react-native-device-info，兼容IOS和安卓雙平臺，能夠獲取設備ID、設備品牌、設備型號、IP以及APP版本號等信息。是一個應用很普遍的基礎組件。git

安裝

npm install --save react-native-device-info
注：若是React Naitve的版本大於0.47，那麼須要使用>=0.11版本的react-native-device-info組件github

由於涉及到原生代碼，因此在執行完install後，須要執行link命令
react-native link react-native-device-infonpm

使用示例

import DeviceInfo from 'react-native-device-info';

  const device = {};
  device.DeviceID = deviceInfo.getUniqueID();
  device.UserAgent = deviceInfo.getUserAgent();
  device.DeviceBrand = deviceInfo.getBrand();
  device.DeviceModel = deviceInfo.getModel();
  device.SystemVersion = deviceInfo.getSystemVersion();
  device.AppVersion = deviceInfo.getVersion();
  device.AppReadableVersion = deviceInfo.getReadableVersion();

該組件使用也很方便，直接import後，直接調用相應的方法便可。可是有一個方法比較特殊就是isPinOrFingerprintSet方法，須要使用異步的方式來調。代碼以下：react-native

import DeviceInfo from 'react-native-device-info';

DeviceInfo.isPinOrFingerprintSet()(isPinOrFingerprintSet => {
  if (!isPinOrFingerprintSet) {
    ...
  }
}