react native如何搭建
安装Node.js和npm
React Native开发需要Node.js环境。从Node.js官网下载并安装最新稳定版本，npm会随Node.js自动安装。安装完成后，运行以下命令验证版本：
node -v
npm -v安装React Native CLI
通过npm全局安装React Native命令行工具：
npm install -g react-native-cli对于较新版本的React Native（0.60+），推荐使用npx直接运行命令，无需全局安装：
npx react-native init ProjectName配置Android开发环境（仅限Android开发）
- 安装JDK：确保安装Java Development Kit (JDK) 8或更高版本。
- 安装Android Studio：下载并安装Android Studio，安装时勾选Android SDK和Android Virtual Device（AVD）。
- 配置环境变量：
- 设置
ANDROID_HOME指向SDK安装路径（如C:\Users\username\AppData\Local\Android\Sdk）。 - 将
platform-tools和tools目录添加到PATH环境变量。
- 设置
配置iOS开发环境（仅限macOS用户）
- 安装Xcode：从App Store安装Xcode，并确保命令行工具已安装：
xcode-select --install - 安装CocoaPods：用于iOS依赖管理：
sudo gem install cocoapods
创建新项目
使用以下命令初始化项目（替换ProjectName为实际名称）：
npx react-native init ProjectName进入项目目录：
cd ProjectName运行项目
- Android：
npx react-native run-android确保已启动Android模拟器或连接真机。
- iOS：
npx react-native run-ios
调试工具
- React Developer Tools：安装Chrome扩展用于调试组件。
- Flipper：官方推荐的跨平台调试工具，支持日志、网络请求和数据库检查。
常见问题解决
- Android构建失败：检查
ANDROID_HOME路径是否正确，或运行./gradlew clean。 - iOS Pod安装失败：在
ios目录下运行pod install --repo-update。
项目结构说明
android/和ios/：原生代码目录。App.js：应用入口文件。node_modules/：依赖库目录。
通过以上步骤，可完成React Native开发环境的搭建和项目初始化。
