Skip to content

开发环境搭建

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

注意版本,保持跟官方文档一致 image

下载 SDK Tools

注意版本,保持跟官方文档一致 image

下载模拟器(AVD)

  • 选择google家的爪机Nexus(支持高性能设置) image
  • 选择 代号Q的镜像 image
  • 点击高级设置 image
  • 调整avd参数 image

环境变量

  • 【注意配置完成后重启】

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;

尝试方案:

    1. 卸载app,重启项目等待重装或者重新创建一个模拟器解决(尝试'Wipe Data'清除avd数据无效)
  • 如果抛出dl.google.com网址的错误就换个代理
    1. 检查安卓sdk环境变量、path是否存在(配置完需重启)
    1. 运行项目没有自动启动模拟器,需手动启动下
    1. 检查SDK platform/tool是否遗漏
  • 参考:https://stackoverflow.com/a/55324435

Android studio 模拟器启动黑屏

  • duplicate一个新的模拟器,在Show Advanced Setting设置中选择Cold boot(冷启动)

Android studio(Mac篇,待更新)