react native如何运行

运行 React Native 项目的步骤

环境准备
确保已安装 Node.js（建议 LTS 版本）、npm/yarn 和 React Native CLI。全局安装 CLI 工具：

npm install -g react-native-cli

对于 iOS 开发，需安装 Xcode 和 CocoaPods；Android 开发需安装 Android Studio 并配置 SDK 和模拟器。

初始化项目
通过以下命令创建新项目：

npx react-native init ProjectName

或使用 Expo（简化流程）：

npx create-expo-app ProjectName

启动 Metro 打包工具
在项目根目录运行：

npx react-native start

此命令会启动开发服务器，负责实时编译 JavaScript 代码。

运行应用（iOS）
在项目目录下执行：

npx react-native run-ios

此命令会自动打开模拟器并构建应用。若需指定设备，添加 --simulator "设备名称" 参数。

运行应用（Android）
确保模拟器已启动或设备已连接，执行：

npx react-native run-android

首次运行需先通过 Android Studio 下载 Gradle 依赖。

调试与热重载

• 热重载：在模拟器中按 Command+R（iOS）或 R+R（Android）刷新界面。
• 调试菜单：iOS 模拟器按 Command+D，Android 按 Command+M（Mac）或 Ctrl+M（Windows/Linux）。
• 日志查看：通过终端或 Chrome 开发者工具（访问 chrome://inspect 调试 Android）。

常见问题解决

Android 端口冲突
若遇到 adb 端口占用，执行：

adb kill-server && adb start-server

iOS 依赖问题
进入 ios 目录运行 pod install 安装原生依赖。

Expo 项目运行
使用 Expo CLI 时，直接执行：

npx expo start

扫描二维码或在模拟器中打开 Expo Go 应用即可预览。

注意事项

• 确保 ANDROID_HOME 环境变量已正确配置（Android）。
• Xcode 需安装 iOS 模拟器组件。
• 首次构建可能较慢，需下载依赖和工具链。