运行react native官方demo

准备工作:
windows系统,一部Android手机,一条usb数据线,react native的运行环境,(关于react native 运行环境的搭建可参考官方网站)
1.在cmd中输入

react-native init firstApp

其中firstApp为项目名称
2.用usb连接手机与电脑,手机需开启usb调试。
检查手机是否连接成功,可在cmd中输入

adb devices

如连接成功,会有手机标识如图的AMMFM7GQIFPJZPOB


检查设备是否连接成功.png

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

你可能感兴趣的:(运行react native官方demo)