如何搭配react native环境

安装 Node.js 和 npm

React Native 需要 Node.js 运行环境。访问 Node.js 官网 下载并安装 LTS 版本。安装完成后，验证 Node.js 和 npm 是否安装成功：

node -v
npm -v

安装 Java Development Kit (JDK)

Android 开发需要 JDK。下载并安装 JDK 11 或更高版本（推荐 OpenJDK）。安装完成后，检查 JDK 版本：

javac -version

安装 Android Studio

下载并安装 Android Studio。安装时勾选以下组件：

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

安装完成后，配置 ANDROID_HOME 环境变量，并将 Android SDK 的 platform-tools 和 tools 目录添加到 PATH 中。

安装 React Native CLI

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

npm install -g react-native-cli

创建 React Native 项目

使用以下命令创建一个新项目：

npx react-native init MyProject

进入项目目录：

cd MyProject

配置 Android 模拟器

在 Android Studio 中创建虚拟设备（AVD）。确保选择兼容的 Android 版本（如 API 28 或更高）。启动模拟器后，运行项目：

npx react-native run-android

配置 iOS 开发环境（仅限 macOS）

安装 Xcode 和 CocoaPods：

sudo gem install cocoapods

在项目目录的 ios 文件夹中运行：

pod install

启动 iOS 模拟器并运行项目：

npx react-native run-ios

验证环境

在浏览器中访问 http://localhost:8081/debugger-ui 可启用远程调试。确保设备或模拟器已正确连接，并检查日志输出是否正常。

常见问题解决

• 端口冲突：关闭占用 8081 端口的程序。
• SDK 路径错误：检查 ANDROID_HOME 是否正确配置。
• 模拟器无法启动：在 Android Studio 中重新创建 AVD 或更新显卡驱动。

通过以上步骤，React Native 开发环境即可完成配置并运行。