配置环境和调试

环境

系统/设备：Windows10、HUAWEI ABR-AL60、Medium Phone API 36.1（Android Studio内置模拟器）
Java版本：jdk-17.0.6.10-hotspot
Node版本：10.9.3
开发工具：VS Code、Android Studio

安装

安装Android Studio

创建RN项目

npm uninstall -g react-native-cli @react-native-community/cli

官网教程

配置

开启React Native开发服务端

在项目根目录执行npx react-native run-android，即可开启，注意端口号是8081

配置ADB到系统环境

1. 在系统环境中，Path新建，填入C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools（通常是这个路径），确定，然后重启Android Studio

2. 由于真机无法理解电脑上localhost，无法运行电脑的Metro服务，所以需要给真机设备使用ADB Reverse命令反向代理

a. 在Android Studio中开启新的终端，执行adb devices，查看所有已连接设备：
List of devices attached emulator-5554 device # 这是模拟机 ABCDEF123456 device # 这是真机

b. 接着执行adb -s ABCDEF123456 reverse tcp:8081 tcp:8081（里面ABCDEF123456需要换成上一步实际的真机名），预期输出8081

如果忽略这一步，接下来运行项目时会在真机中出现

那么你需要做这一步，最后点手机上的`RELOAD(R, R)`重启即可修复

构建项目

在Android Studio中打开新建的RN项目目录，自动建立项目索引，开始构建项目（大约40分钟），期间可进行如下配置

创建安卓模拟机

在右边栏点击上图Running Devices按钮，点击上方加号，选择机型（Medium Phone API 36.1）

连接真机

1. 手机设置中，进入开发人员选项，开启ADB调试，不同机型找相应机型的教程

2. 用USB连接手机和电脑，采用“传输文件”连接

3. 打开Android Studio，手机会弹出“是否允许USB调试？”提示，确定即可

项目构建完毕后，运行项目到模拟机和真机

选择Select Multiple Devices...，在弹出窗口中选中模拟机和真机确定后，再点击运行按钮，片刻，“Welcome to React Native”就会出现在模拟机和手机上了，说明你成功完成安装和配置

踩坑记录

Java环境不匹配：Cannot find a Java installation on your machine (Windows 10 10.0 amd64) matching: {languageVersion=17...

React Native默认项目中，采用了17版本的Java SDK，当时我的电脑环境变量中JAVA_HOME指定的是23版本的，所以导致了该错误。
解决方法：将环境变量中JAVA_HOME值改为你安装的17版本的Java SDK bin的位置即可