React Native安卓环境搭建

540 阅读2分钟
  1. 安装依赖

必须安装的依赖有:NodeJDKAndroid Studio

安装 Android Studio 来获得编译 Android 应用所需的工具和环境。

  1. Node & Watchman

  • 注意Node版本需要18以上。 目前LTS版本 v18.18.2 => 建议nvm管理node包
  • nvm use v18.18.2
brew install node@18  # 建议使用nvm
brew install watchman  # 建议开启VPN增强代理下载

3. ## Yarn

Yarn是 Facebook 提供的替代 npm 的工具,可以加速 node 模块的下载。

  • 这里RN项目,不建议使用pnpm,可能有未知坑点。
npm install -g yarn

4. ## Java Development Kit

4.1 homebrew的安装方式

JDK 在 M1 芯片架构的 Mac 上相比其他 JDK 在编译时有明显的性能优势。

# homebrew安装方式
brew tap homebrew/cask-versions
brew install --cask zulu17

React Native 当前(0.74.1)需要 Java Development Kit [JDK] 17

可以在命令行中输入 javac -version(请注意是 javac,不是 java)来查看当前安装的 JDK 版本。

4.2 手动pkg安装

  • adoptium.net/zh-CN/temur…
  • 注意 ,当前RN版本,需要安装JDK 17
  • 根据Mac芯片,aarch64 是M芯片架构,选项上面的pkg,intel芯片选择下面版本

  1. Android开发环境

5.1. 安装Android Studio

首先下载和安装 Android Studio,(挂魔法)国内可能无法打开官方链接,自行使用搜索引擎搜索可用的下载链接。安装界面中选择"Custom"选项,确保选中了以下几项:

  • Android SDK
  • Android SDK Platform
  • Android Virtual Device

然后点击"Next"来安装选中的组件。

5.2. 安装 SDK 和 Tools

  1. 配置 ANDROID_HOME 环境变量

  • terminal打开 , echo $0 查看 shell 格式 ,
  • 如果你的 shell 是zsh,则配置文件为~/.zshrc,如果是 bash 则为~/.bash_profile
vi ~/.zshrc 
i # 插入
# 粘贴下面环境变量到文件中

# 按ESC
# :wq! 退出保存
# 如果你不是通过Android Studio安装的sdk,则其路径可能不同,请自行确定清楚
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

=> 配置完成后,使用 source $HOME/.zshrc 更新环境变量

=> echo $ANDROID_HOME 查看是否配置完成。

  1. Android NDK

因为装了react-native-screens,需要Android环境安装 ndk/26.1.10909125,注意版本

安装这个版本。