如何运行react native
运行 React Native 项目的步骤
安装 Node.js 和 npm
确保系统已安装 Node.js(建议使用 LTS 版本),npm 会随 Node.js 自动安装。可通过以下命令验证安装:
node -v
npm -v
安装 React Native CLI
全局安装 React Native 命令行工具:
npm install -g react-native-cli
创建新项目
使用 CLI 初始化新项目(替换 MyProject 为项目名称):
npx react-native init MyProject
启动 Metro Bundler
进入项目目录并启动 Metro(React Native 的 JavaScript 打包工具):
cd MyProject
npx react-native start
运行 Android 应用
确保已配置 Android 开发环境(Android Studio + 模拟器或真机调试)。另开终端运行:
npx react-native run-android
运行 iOS 应用
需 macOS 环境和 Xcode。另开终端运行:
npx react-native run-ios
环境配置注意事项
Android 开发环境
- 安装 Android Studio 并配置
ANDROID_HOME环境变量。 - 通过 AVD Manager 创建模拟器或启用真机 USB 调试。
iOS 开发环境

- 仅支持 macOS,需安装 Xcode 和 CocoaPods。
- 运行
pod install初始化 iOS 依赖(在ios目录下)。
调试工具
- React Developer Tools:调试组件层次和状态。
- Flipper:集成日志、网络请求和数据库检查。
- 摇动设备或按
Ctrl+M(Android模拟器)打开开发者菜单。
常见问题解决
- 连接问题:确保设备与开发服务器在同一网络,或使用
adb reverse转发端口(Android)。 - 依赖冲突:删除
node_modules和package-lock.json后重新npm install。 - iOS 编译错误:尝试
cd ios && pod install --repo-update。
通过以上步骤可完成 React Native 项目的初始化与运行。






