开发环境搭建
Node16+、yarn(yrm设置taobao源)
Android studio(可以使用真机模拟; 先make project, 在工具栏可选择AVD或者usb连接手机, 然后run app; 会自动安装所调试的应用,AVD按R键(usb连接手机摇一摇)可开启热更新)
Android stadio自带java 11环境,但需要配置环境变量(后面有写). 在windows控制面板中开启:Hyper-V
Android studio(Win10篇)
- 注意: 需开启代理(无效可尝试重启Android studio)
下载 SDK Platforms
注意版本,保持跟官方文档一致
下载 SDK Tools
注意版本,保持跟官方文档一致
下载模拟器(AVD)
- 选择google家的爪机Nexus(支持高性能设置)
- 选择 代号Q的镜像
- 点击高级设置
- 调整avd参数
环境变量
- 【注意配置完成后重启】
java环境变量
JAVA_HOME
D:\Program Files\Android\Android Studio\jre
- jre全称(Java Runtime Enviroment) 是 Java 的运行环境
- android studio会自动安装java环境
path添加以下路径 ,配置完成后 javac --version 会输出版本号. (官方文档提示rn0.67版本需要jdk1.8版本,反之11版本。经测试11版本可以跑rn0.65)
D:\Program Files\Android\Android Studio\jre\bin
安卓sdk环境变量
- 安卓sdk目录,在Android studio设置中的sdk管理可以看到该目录
ANDROID_HOME
C:\Users\zhulj\AppData\Local\Android\Sdk
path添加以下路径,ANDROID_HOME配置很关键,否则启动项目会抛出没安装模拟器的错误
%ANDROID_HOME%\emulator
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
报错
使用react-native-cli 创建项目,最后步骤提示依赖安装失败
- 进入项目,切换至node16+版本,使用yarn重新安装依赖
如果报错中出现有网址,那么99%就是无法正常连接网络(或者修改了错误的包版本)
- 尝试使用VS代理到本地的代理软件http端口(v2ray不行,clash测试ok)
- dl谷歌域名报错可尝试host配置:203.208.41.97 dl.google.com
安装react-navigation后,重启项目抛出异常如下
js
error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup.
Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081
- 解决:这种提示一般是安卓环境问题,或虚拟机存在同名app;
尝试方案:
- 卸载app,重启项目等待重装或者重新创建一个模拟器解决(尝试'Wipe Data'清除avd数据无效)
- 如果抛出dl.google.com网址的错误就换个代理
- 检查安卓sdk环境变量、path是否存在(配置完需重启)
- 运行项目没有自动启动模拟器,需手动启动下
- 检查SDK platform/tool是否遗漏
- 参考:https://stackoverflow.com/a/55324435
Android studio 模拟器启动黑屏
- duplicate一个新的模拟器,在Show Advanced Setting设置中选择Cold boot(冷启动)