React Native集成react-native-device-info(获取设备信息)

一、安装

• 官方参考链接:https://github.com/react-native-community/react-native-device-info

#下载依赖
npm install --save react-native-device-info

#链接原生库
react-native link react-native-device-info

二、权限配置

• 编辑/android/app/src/main/AndroidManifest.xml文件加入权限信息

 <uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/> 
 <uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />

三、代码示例及效果

• 代码示例

import React, {
   Component} from 'react';
import {
   StyleSheet, Text, View} from 'react-native';
import DeviceInfo from 'react-native-device-info';

export default class App extends Component<Props> {
   

    constructor(props) {
   
        super(props);
    }

    //初始加载、获取物理硬件信息
    async componentWillMount() {
   
        await console.log('api版本:', DeviceInfo.getAPILevel());
        await console.log('品牌:', DeviceInfo.getBrand());
        await console.log('当前应用名称:', DeviceInfo.getApplicationName(