ReactNative-2026

5 阅读1分钟

搭建开发环境

reactnative.cn/docs/enviro…

  • 选择 React Native CLI Quickstart
  • 开发平台 macOS
  • 目标平台 Android
  • 其他按上述链接步骤安装,注意node 请检查其版本是否在 22.11.0 以上
配置 ANDROID_HOME 环境变量
  • 打开 macOS 环境配置文件 nano ~/.zshrc
export ANDROID_HOME=$HOME/Library/Android/sdk

export PATH=$PATH:$ANDROID_HOME/emulator

export PATH=$PATH:$ANDROID_HOME/platform-tools
  • 环境变量设置立即生效 source ~/.zshrc

创建新项目

npx @react-native-community/cli init 项目名

使用 Android 真机

reactnative.cn/docs/runnin…

只需用 usb 数据线连接到电脑, 提示手机授权后,打开开发者调试. 检查你的设备是否能正确连接到 ADB(Android Debug Bridge),使用adb devices命令 【若以下指令没有显示手机设备,说明数据线没有连接设置成功,后面的手机调试就不会成功】

$ adb devices
List of devices attached
emulator-5554 offline   # Google emulator  模拟器
14ed2fcc device         # Physical device  usb数据线开发者打开后显示的手机设备
  • 显示以上 模拟器 + 手机设备后,启动项目,
npm run start
npm run android
  • 手机就会有显示上述脚手架创建的App,每次更改项目代码,手机上的App会自动刷新