react native如何搭建

安装Node.js和Watchman

确保系统已安装Node.js（建议使用LTS版本）和Watchman（Mac用户需安装）。Windows用户无需安装Watchman。可通过以下命令验证安装：

node -v
npm -v

安装React Native CLI

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

npm install -g react-native-cli

创建新项目

使用CLI初始化项目（替换YourProjectName为实际名称）：

npx react-native init YourProjectName

运行Android应用

确保已安装Android Studio并配置好环境变量。启动模拟器或连接真机后执行：

cd YourProjectName
npx react-native run-android

运行iOS应用

需Xcode环境（仅限Mac）。启动模拟器或连接真机后执行：

cd YourProjectName
npx react-native run-ios

开发调试

• 热重载：摇动设备（或模拟器按Ctrl+M）启用热重载。
• 日志查看：终端运行项目时自动显示日志，或单独运行：

  npx react-native log-android
  npx react-native log-ios

常见问题处理

• Android端口冲突：修改adb端口或关闭占用端口的进程。
• iOS编译错误：清理Xcode缓存（Product > Clean Build Folder）。
• 依赖问题：删除node_modules后重新npm install。

项目结构说明

• android/：Android原生代码目录
• ios/：iOS原生代码目录
• App.js：应用入口文件
• package.json：依赖管理文件

扩展工具推荐

• 调试工具：React Developer Tools、Flipper
• UI库：React Native Elements、NativeBase
• 导航库：React Navigation、React Native Navigation