如何搭建一个react native项目

安装开发环境

确保系统已安装Node.js（建议版本12以上）和npm/yarn。React Native官方推荐使用Node 16。Windows用户需额外安装Python 2.7及Java Development Kit (JDK 8)。

安装React Native CLI

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

npm install -g react-native-cli

创建新项目

使用以下命令初始化项目（将ProjectName替换为实际名称）：

npx react-native init ProjectName

此命令会自动生成iOS和Android的工程结构，并安装必要依赖。

启动Android开发环境

Android开发需要Android Studio配置：

1. 安装Android Studio并确保勾选Android SDK和Android Virtual Device。
2. 配置环境变量：
   • ANDROID_HOME指向SDK安装路径
   • 将platform-tools和tools目录加入PATH
3. 创建模拟器或连接真机（需启用USB调试）

运行Android应用

在项目目录下执行：

npx react-native run-android

运行iOS应用

需Xcode 12及以上版本：

1. 打开ios/ProjectName.xcworkspace
2. 选择模拟器设备
3. 点击Xcode运行按钮或命令行执行：

   npx react-native run-ios

开发调试工具

• 摇动设备调出开发者菜单（模拟器按Ctrl+M或Cmd+D）
• 启用Hot Reloading实现代码保存后即时更新
• 使用Chrome开发者工具调试JavaScript代码

常用依赖管理

通过npm/yarn添加常用库：

yarn add react-navigation @react-native-community/masked-view

iOS项目需额外执行：

cd ios && pod install

项目结构说明

典型目录包含：

• android/: Android原生代码
• ios/: iOS原生代码
• src/: 推荐存放业务代码
• App.js: 主入口文件
• package.json: 依赖配置

发布准备

Android需生成签名密钥并配置android/app/build.gradle。iOS需通过Xcode配置证书和描述文件，建议使用Fastlane自动化发布流程。