简单介绍

关于引入上面的依赖, 链接中都有说明,

算了还是说一遍吧:

**注意: ** 这里只说 Android 的配置步骤, IOS请去链接中查看

1: 获取设备信息 react-native-device-info (不包括IMEI)

1: 安装依赖:

npm install --save react-native-device-info

2: 配置文件:

1:在文件 android/app/build.gradle:

dependencies {

...

compile "com.facebook.react:react-native:+" // From node_modules

+ compile project(':react-native-device-info')

}

- 2: 在文件 `in android/settings.gradle:`

...

include ':app'

+ include ':react-native-device-info'

project(':react-native-device-info').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-device-info/android')

- 3: 在文件 `android/app/src/main/java/com/XXX(项目名称)/MainApplication.java:`

+ import com.learnium.RNDeviceInfo.RNDeviceInfo;

public class MainApplication extends Application implements ReactApplication {

//......

@Override

protected List getPackages() {

return Arrays.asList(

new RNDeviceInfo(),

new MainReactPackage()

);

}

......

}

- 4: 如果你想获取设备的名字: 在 文件: `android/app/src/main/AndroidManifest.xml`

...

3: 配置完成,运行

1: 从新 react-native run-android 你的项目, 也许会有点慢,

如果报错为: can not deleted ............., 请重新运行几次 react-native run-android

4: 使用方法:

var DeviceInfo = require('react-native-device-info');

: {DeviceInfo.getUniqueID()}

:{DeviceInfo.getInstanceID()}

获取后的设备信息

2: react-native-imei 获取手机IMEI码

1: 安装依赖:

npm install --save react-native-imei

2: 配置文件

在文件 android/app/src/main/AndroidManifest.xml

3: 自动配置:

react-native link react-native-imei

4: 使用:

import { NativeModules, Text, View,} from 'react-native';

export default class TestDeviceInfo extends Component {

constructor(props) {

super(props);

this.state = {

IMEI: '未获取',

}

}

// 由于是异步获取 , 这里使用 async ... await更改为同步, 不然获取始终为underfind

async getIMEI() {

let IMEI = await NativeModules.IMEI.getIMEI()

this.setState({

IMEI: IMEI,

})

}

componentDidMount() {

this.getIMEI()

}

render() {

return (

'IMEI(IMEI码)': {this.state.IMEI}

);

}

}