React Native獲取設備信息組件

JiaXinYi 發布于2019-08-21 17:39 / 3728人閱讀

摘要：是一個應用很廣泛的基礎組件。代碼如下方法列表組件地址該組件的詳細說明和示例可以進入查看。

本文原創首發于公眾號：ReactNative開發圈，轉載需注明出處。

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

安裝

npm install --save react-native-device-info
注：如果React Naitve的版本大于0.47，那么需要使用>=0.11版本的react-native-device-info組件

因為涉及到原生代碼，所以在執行完install后，需要執行link命令
react-native link react-native-device-info

使用示例

  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方法，需要使用異步的方式來調。代碼如下：

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

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

方法列表

組件地址

該組件的詳細說明和示例可以進入GitHub查看。
GitHub地址：https://github.com/rebeccahug...

舉手之勞關注我的微信公眾號：ReactNative開發圈

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89830.html

React-Native 真的是移動開發的未來嗎

摘要：在版本上，安卓系統上的渲染就有鋸齒，后來我們不分效果是使用圖片實現的，汗啊第三方組件不全。搖一搖問題的解決在我們使用了等狀態管理時，熱更新不會更新這些代碼，而頻繁搖一搖實在是太累了。此時可以使用此時相當于虛擬了一個搖一搖事件。公司本年度有App任務，陸陸續續用RN開發了兩個應用。一款是涉及儀器控制的平板項目，另一款是客戶端的App。下文談談使用RN開發的部分認知(其實只是隨便扯一扯，...

thursday 2019-08-22 18:20 評論0 收藏0
React Native 在 Airbnb(譯文)

摘要：聲明有助于保持我們的同步與底層狀態的聲明性質。值得注意的是，這些挑戰并非特定于。這導致或上出現不一致或意外錯誤。崩潰監控我們使用在和上進行崩潰報告。橋接有一個橋接，用于在本機和之間進行通信。 showImg(https://segmentfault.com/img/bVbd0FA?w=740&h=433);在Android，iOS，Web和跨平臺框架的橫向對比中，React Nativ...

nihao 2019-08-22 18:50 評論0 收藏0
React Native 在 Airbnb(譯文)

摘要：聲明有助于保持我們的同步與底層狀態的聲明性質。值得注意的是，這些挑戰并非特定于。這導致或上出現不一致或意外錯誤。崩潰監控我們使用在和上進行崩潰報告。橋接有一個橋接，用于在本機和之間進行通信。 showImg(https://segmentfault.com/img/bVbd0FA?w=740&h=433);在Android，iOS，Web和跨平臺框架的橫向對比中，React Nativ...

chenatu 2019-08-02 10:57 評論0 收藏0
React Native 在 Airbnb(譯文)

摘要：聲明有助于保持我們的同步與底層狀態的聲明性質。值得注意的是，這些挑戰并非特定于。這導致或上出現不一致或意外錯誤。崩潰監控我們使用在和上進行崩潰報告。橋接有一個橋接，用于在本機和之間進行通信。 showImg(https://segmentfault.com/img/bVbd0FA?w=740&h=433);在Android，iOS，Web和跨平臺框架的橫向對比中，React Nativ...

icyfire 2019-08-30 15:54 評論0 收藏0