RN是用react来构建一个安卓、IOS的手机应用的框架
这一部分是关于Windows环境搭建的
Node & JDK
这里的node版本>18、JDK的版本>17。node和java环境在这里不做说明,没装的可以百度安装下。同时安装一下yarn
低于 0.73 版本的 React Native 需要 JDK 11 版本,而低于 0.67 的需要 JDK 8 版本
npm install -g yarn
安装Android studio
主要说一下安卓环境的安装,先需要下载一个安卓开发的工具也就是Android studio。下载之后和idea或者webstrom一样都直接下一步安装即可。安装完成之后就需要下载sdk了。
安装SDK
打开setting直接搜索SDK,这里安装Android14或者15都行,下载的SDK包大概是1.6G左右,需要耐心等下。并且在上面可以配置一下sdk安装的位置
等待安装完成之后来配置一下环境变量
- 新增 ANDROID_HOME 值为SDK的安装路径,例如:D:\soft\Android\sdk
- 在path里面添加配置:
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
创建AVD
在工具右侧可以选择创建一个AVD用来启动模拟
初始化RN项目
通过命令直接初始化项目,这里如果第一个命令安装失败,可以指定RN的版本再次安装
npx @react-native-community/cli init modifyRn
npx @react-native-community/cli init modifyRn --version 0.76
项目启动
直接通过yran android命令启动项目
gradle下载异常
PS D:\soft\Android\modifyRn> yarn android
yarn run v1.22.22
$ react-native run-android
'"adb"' �����ڲ����ⲿ���Ҳ���ǿ����еij���
�������ļ�
info Launching emulator...
error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`.
warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch.
info Installing the app...
Downloading https://services.gradle.org/distributions/gradle-8.10.2-all.zip
是这个gradle包下载不下来导致的,可以在这里先下载 https://blog.csdn.net/ii950606/article/details/109105402
这个也就是一个项目管理的工具,理解成maven即可,下载后记录一下存放的位置。之后在RN项目当中:android/gradle/wrapper/gradle-wrapper.properties,在这个文件当中可以看到distributionUrl的值就是指向一直下载不下来的这个链接我们更换一下
distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-all.zip
# 从上面原先的配置改成下面这个
distributionUrl=file:///D:/soft/gradle/gradle-8.10.2-all.zip
找不到SDK
在前面已经下载好了安卓的SDK并且也配置到了环境变量里面,为什么报错还是没有SDK呢?
error Failed to install the app. Command failed with exit code 1: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 FAILURE: Build failed with an exception. * What went wrong: A problem occurred configurin
g project ':app'. > SDK location not found. Define a valid SDK location with an ANDROID_HOME environment variable or by setting the sdk.dir path in your project's local properties file at 'D:\soft\Android\modifyRn\an
droid\local.properties'
在android目录下新增一个local.properties文件,文件内容写入:指定你的SDK的位置 stackoverflow 看这个
sdk.dir=D:\\soft\\Android\\sdk
第一次启动项目耗时会比较长,这里需要耐心等待下,以我这个为例大概跑了1小时20分钟才跑完,这里还有个注意的,在我用android studio里面打开这个RN项目,然后打开终端运行启动命令启动不了,在cmd里面打开启动是可以的。
调试器说明
启动项目后会自动打开AVD,下面是一些关于调试的说明