ReactNative基础学习

1 环境搭建

1.1 Node和JDK

1. Node版本 18
2. JDK版本

React Native版本	JDK版本
0.73	jdk17
0.73	jdk11
0.67	jdk8

3. yarn安装

   npm install -g yarn，Yarn是 Facebook 提供的替代 npm的工具

1.2 Android开发环境

1. 下载安装Android Studio

2. 安装Android SDK

   SDK Platforms: Android API 33

   SDK Tools: Android SDK Build-Tools 33.0.0、Android SDK Command-line Tools 12.0

3. 设置环境变量

   默认情况下Android SDK安装在C:\Users\<username>\AppData\Local\Android\Sdk中，可以自行修改。

   添加环境变量：设置ANDROID_HOME为C:\Users\<username>\AppData\Local\Android\Sdk

   在Path环境变量中添加：%ANDROID_HOME%\platform-tools和%ANDROID_HOME%\cmdline-tools\12.0\bin

1.3 准备Android设备

1. 使用Android真机

2. 使用Android模拟器

   使用Android Studio创建虚拟设备

3. 检查设备是否存在

   使用adb devices检查

   

1.4 创建模板项目

1. 新建项目

   npx react-native init TemplateProject

2. 编译运行

   cd TemplateProject
   yarn android

1.5 遇到的问题

1. 环境检查

   npx react-native doctor命令检查当前项目中的环境是否完备。

   

2. 识别不到Android SDK

   安装了SDK并且配置了环境变量，但是无法识别。

   需要安装Android SDK Command-line Tools 12.0，并配置环境变量。

3. Android SDK打包失败

   https://stackoverflow.com/questions/68387270/android-studio-error-installed-build-tools-revision-31-0-0-is-corrupted

   1. 修改%ANDROID_HOME%/build-tools/33.0.0目录中的d8.bat，修改为dx.bat
   2. 修改%ANDROID_HOME%/build-tools/33.0.0/lib目录中的d8.jar，修改为dx.jar