准备工作:
windows系统,一部Android手机,一条usb数据线,react native的运行环境,(关于react native 运行环境的搭建可参考官方网站)
1.在cmd中输入
react-native init firstApp
其中firstApp为项目名称
2.用usb连接手机与电脑,手机需开启usb调试。
检查手机是否连接成功,可在cmd中输入
adb devices
如连接成功,会有手机标识如图的AMMFM7GQIFPJZPOB

3.进入firstApp文件中
cd firstApp
4.运行
react-native run-android
手机为红米2(Android5.0以下)在第4步时会出现几个错误。
错误1.com.android.builder.testing.api.DeviceException: No connected devices!
解决方法:
手机未能正确连接电脑,所以提示为未能连接设备,重新检查第2步。
错误2.com.android.ddmlib.InstallException: Failed to establish session
解决方法:
小米手机中的开发者选项下的启用MIUI优化关闭
Android Studio 打开 React Native 的项目, 修改最外层工程的 build.gradle 配置,将gradle的版本2.2.3改为1.23
classpath 'com.android.tools.build:gradle:1.2.3'
修改android\gradle\wrapper\gradle-wrapper.properties文件,使其gradle的版本与build.gradle的版本一致
distributionUrl=https\://services.gradle.org/distributions/gradle-2.2-all.zip
5.安装app成功,会在手机上看到安装的app-firstApp
6.点击打开app,出现红屏错误提示(因为是Android 5.0以下)。
解决方案:
1.确保手机与电脑连同一个Wi-Fi。
2.摇晃设备,可出现开发者菜单。界面如下
3.点击进入Dev Settings。
4.点击Debug server host for device。
输入你电脑的IP地址和端口号(譬如10.0.1.1:8081)。在Mac上,你可以在系统设置/网络里找查询你的IP地址。在Windows上,打开命令提示符并输入ipconfig来查询你的IP地址。在Linux上你可以在终端中输入ifconfig来查询你的IP地址。
5.回到开发者菜单然后选择Reload JS。
关于其余android版本的设备调试请参考https://reactnative.cn/docs/0.51/running-on-device-android.html#content
网友评论