如何搭建react native

安装 Node.js 和 npm

React Native 需要 Node.js 环境。从 Node.js 官网 下载并安装最新 LTS 版本，npm 会随 Node.js 自动安装。安装完成后，运行以下命令验证安装：

node -v
npm -v

安装 React Native CLI

React Native 命令行工具（CLI）用于创建和管理项目。全局安装 CLI：

npm install -g react-native-cli

安装 Java Development Kit (JDK)

Android 开发需要 JDK。下载并安装 JDK 11，配置环境变量 JAVA_HOME 指向 JDK 安装路径。

安装 Android Studio

Android Studio 提供 Android SDK 和模拟器。从 官网 下载并安装，安装时勾选 Android SDK 和 Android Virtual Device。安装完成后，配置环境变量 ANDROID_HOME 指向 SDK 路径（通常为 ~/Library/Android/sdk 或 %LOCALAPPDATA%\Android\Sdk）。

创建 React Native 项目

使用 CLI 创建新项目：

npx react-native init MyProject

进入项目目录：

cd MyProject

运行 Android 应用

启动 Android 模拟器或连接真机，运行以下命令：

npx react-native run-android

运行 iOS 应用（仅限 macOS）

安装 Xcode 和 CocoaPods：

sudo gem install cocoapods

在项目目录中运行：

npx react-native run-ios

调试和开发

• 热重载：在模拟器或设备上摇动设备（或按 Ctrl+M / Cmd+M）启用热重载。
• 调试工具：使用 Chrome 开发者工具或 Flipper 进行调试。

常见问题解决

• Android 连接失败：确保设备已启用 USB 调试（开发者选项中）。
• iOS 编译错误：运行 pod install 解决依赖问题。

项目结构

• android/ 和 ios/：原生代码目录。
• App.js：应用入口文件。
• node_modules/：依赖库。

通过以上步骤，React Native 开发环境即可搭建完成。