react native如何启动

React Native 启动步骤

确保已安装 Node.js（建议版本 14 或更高）和 npm/yarn。安装完成后，通过命令行工具执行以下操作。

初始化新项目

使用 React Native 提供的命令行工具创建新项目。运行以下命令生成项目模板：

npx react-native init ProjectName

ProjectName 替换为实际项目名称。此过程会自动安装依赖并生成基础目录结构。

启动 Metro 打包工具

进入项目目录后，启动 Metro 打包工具以处理 JavaScript 代码：

cd ProjectName
npx react-native start

Metro 会监听文件变化并实时编译代码，控制台输出应为 Welcome to Metro。

运行应用（Android/iOS）

根据目标平台选择对应的命令：

Android
确保已安装 Android Studio 并配置好模拟器或连接真机：

npx react-native run-android

iOS
需在 macOS 环境下执行，确保已安装 Xcode：

npx react-native run-ios

调试与热重载

• 刷新：在模拟器中按 R 键（Android）或 Cmd+R（iOS）。
• 开发者菜单：Android 模拟器按 Ctrl+M，iOS 模拟器按 Cmd+D。
• 热重载：在开发者菜单中启用 Hot Reloading 实现代码保存后自动更新。

环境问题排查

若遇到环境错误：

• 检查 adb devices 确认 Android 设备连接正常。
• 通过 xcodebuild -version 验证 Xcode 版本兼容性。
• 清除缓存：npx react-native start --reset-cache。

其他启动方式

对于现有项目，安装依赖后直接运行：

yarn install && npx react-native run-platform

或使用特定版本的 React Native：

npx react-native init ProjectName --version X.Y.Z