如何搭配react native环境

安装Node.js和npm

React Native需要Node.js环境，建议安装LTS版本。Node.js自带npm（Node Package Manager），用于管理依赖。

安装Java Development Kit (JDK)

Android开发需要JDK 11或更高版本。可通过Oracle官网或OpenJDK安装。

安装Android Studio

Android Studio提供Android SDK和模拟器。安装后，打开Android Studio，在“SDK Manager”中确保以下内容已安装：

• Android SDK
• Android SDK Platform
• Android Virtual Device (AVD)

配置环境变量

将Android SDK路径添加到系统环境变量：

• Windows：添加ANDROID_HOME变量，值为SDK路径（如C:\Users\username\AppData\Local\Android\Sdk）。
• macOS/Linux：在~/.bash_profile或~/.zshrc中添加：

  export ANDROID_HOME=$HOME/Library/Android/sdk
  export PATH=$PATH:$ANDROID_HOME/emulator
  export PATH=$PATH:$ANDROID_HOME/platform-tools

安装React Native CLI

通过npm全局安装React Native命令行工具：

npm install -g react-native-cli

创建React Native项目

使用以下命令初始化新项目：

npx react-native init ProjectName

运行Android项目

进入项目目录并启动Metro打包工具：

cd ProjectName
npx react-native start

另开终端窗口运行Android应用：

npx react-native run-android

安装Xcode（仅iOS开发）

macOS用户需通过App Store安装Xcode，并确保命令行工具已安装：

xcode-select --install

运行iOS项目

在项目目录中执行：

npx react-native run-ios

验证环境

运行示例项目后，检查设备或模拟器是否显示React Native欢迎界面。若遇到问题，可查阅官方文档或社区解决方案。

可选工具

• Watchman（macOS/Linux）：文件监听工具，提升性能。
• CocoaPods（iOS）：依赖管理工具，安装后运行pod install。

常见问题

• Android模拟器无法启动：确保AVD已创建并通过Android Studio启动。
• iOS构建失败：检查Xcode版本是否兼容，并清理构建缓存（cd ios && pod deintegrate && pod install）。