2025最新版的资料太少了,太恶心了,这点破玩意一会这不行一会那不行,所以记录一下,方便自己查阅,也方便大家看一看。
先说版本
- react native:v0.81.4
- android studio:Build #AI-243.22562.218.2431.13114758, built on February 25, 2025
- Java JDK:17.0.14+7
- Android SDK:35
安装
建议参考中文文档,这里不详细描述 搭建开发环境 · React Native 中文网
- 安装Java11JDK
- 安装node.js
- 安装android studio
- 配置环境变量:React Native 需要通过环境变量来了解你的 Android SDK 装在什么路径,从而正常进行编译。 -(1)ANDROID_HOME:你的安卓sdk安装目录 -(2)PATH:%ANDROID_HOME%\platform-tools
- 安装SDK:至少安装一个Android SDK Platform 35
- 在android studio中创建模拟器
创建项目
- 新版用npx搭建:npx @react-native-community/cli init AwesomeProject
- 项目创建好了后安装依赖:npm i
- 这里可能会出现各种问题,建议先别动,看看后面的踩坑记录,用android studio打开react native 项目(你的项目)下的android文件夹(即安卓工程),打开后就会直接下载相关android依赖。
运行项目
- 打开android studio
- 打开模拟器
- 运行命令:
- cd 你的项目
- yarn android
- 或者
- yarn react-native run-android
Typescript
新版react native 内置TS,默认启动TS项目。
踩坑记录
1.项目路径
不要包含中文,项目名尽量别用大写
2.JavaJDK
新版的要JavaJDK17 ,安装的时候记得勾选配置环境变量,省的自己再配置很麻烦 SDK地址:Latest Releases | Adoptium(是否是OPEN SDK,请自行验证)
3.Android Studio
配置使用JavaSDK17:file->setting->搜索一下gradle
4.启动报错
问题:Unable to load script. Make sure you're eitherrunning Metro (run 'npx react-native start') or thatyour bundle 'index.android.bundle' is packagedcorrectly for release.
解决办法:新版的react native不用安装cli,直接用npx命令,如果没用就会曝新的错误:无法将"react-native"项识别为 cmdlet、函数..
在react native项目根目录下运行命令:npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
5.JAVA守护线程内存不足
参考:Android中设置org.gradle.jvmargs - 简书
在这里可以调
6.Android studio启动模拟器只在任务栏显示,却看不见界面
我的电脑CPU子是ARM的,需要对模拟器进行设置,设置完就能看见界面了
7 更改设备API版本
需要先下载API,relese版本不支持热更新
8 不支持热更新
relese版本不支持热更新,需要长期支持版本