React Native Android环境搭建记录

从 0.68 版本开始，React Native 提供了新架构，它为开发者提供了构建高性能和响应式应用的新功能。请访问"为何要设计新架构"来了解更多关于促使我们决定重新架构的原因，以及它提供的好处。

为了实现这些好处，我们必须重新思考本地模块和本地组件的工作方式。这促使我们开发了新架构的支柱。

新的原生模块体系 - Turbo Modules，一个支持与本地代码高效、灵活集成的框架。
Fabric 渲染器和组件，它提供了更好的功能、跨平台的一致性和渲染性能。
Codegen，它通过 JavaScript 的静态类型化，生成新架构所需的 C++ 模板。

命令行窗口，通过下面的命令查看最新的react-native版本

npm view react-native

具体步骤：

1、安装 Node 和 NPM，搭建 JavaScript 环境。因为gradle版本问题，需要nodejs 版本16以上。

2、安装 Java Development Kit（JDK），搭建 Java 开发环境。

下载地址：国内镜像？ Oracle官网

java --version
javac --version

可以安装在非C盘

3、安装 Android Studio，它是搭建 Android 开发环境的前提条件。

下载地址： https://developer.android.google.cn/studio
在 Android Studio 安装向导中，选择默认选项并设置相关镜像安装默认依赖即可。

4、安装 Android SDK

注意：这是的版本33，和后面npx创建的项目的build.gradle的buildToolsVersion版本是一致的。

Android SDK Platform 33
Intel x86 Atom_64 System Image 或 Google APIs Intel x86 Atom System Image(Inter CPU) 或 Google APIs ARM 64 v8a System Image (Apple CPU)
Android SDK Build-Tools 33.0.0 版本

5、配置 Android 环境变量

参考链接： Android配置环境变量

6、Android 模拟器，建议使用真机。

7、创建 React Native 项目

npx react-native@0.72.3 init AwesomeProject

直到看到这些：

√ Downloading template
√ Copying template
√ Processing template
√ Installing dependencies

你需要打开 ./android/build.gradle 文件，将 Maven 源切换为阿里或华为的镜像源，操作方法如下：
阿里：https://maven.aliyun.com/repository/public/
华为：https://repo.huaweicloud.com/repository/maven/

注意这里切换到子文件夹

cd android
./gradlew build --refresh-dependencies

这个过程会出现很多下载不成功的错误。是的，即使设置了镜像源，也不成功。比如下面的错误。

    *Could not get resource 'https://repo.maven.apache.org/maven2/com/facebook/react/react-android/0.72.3/react-android-0.72.3-release.aar'.
    > Could not GET 'https://repo.maven.apache.org/maven2/com/facebook/react/react-android/0.72.3/react-android-0.72.3-release.aar'.
    > Connect to repo.maven.apache.org:443 [repo.maven.apache.org/146.75.112.215] failed: Read timed out*

这可以参考这个链接，直接复制链接再下载，然后复制到 C:\Users\xxxx.gradle\caches\modules-2\files-2.1文件夹下面。

注意，链接中maven2后面的这个com/facebook/react，其实是文件夹名称。仔细观察一下就知道了。

8、启动 React Native 项目

npx react-native start

这个时候，如果连接了真机，开启了开发者模式，USB调试模式，USB原装先链接，选中充电之外的选项。
然后，上面图片中的输入框中，输入a就可以看到真机上安装APP了。

RN Android环境搭建记录