react native如何搭建
安装Node.js和npm
确保系统已安装Node.js（建议LTS版本），npm会随之自动安装。可通过以下命令验证安装是否成功：
node -v
npm -v安装React Native CLI
全局安装React Native的命令行工具：
npm install -g react-native-cli安装Android Studio（Android开发）
Android Studio提供必要的SDK和模拟器。安装后需配置：
- 在
Preferences > Appearance & Behavior > System Settings > Android SDK中安装Android SDK（API Level 28+）。 - 设置环境变量（以Mac为例）：
export ANDROID_HOME=$HOME/Library/Android/sdk export PATH=$PATH:$ANDROID_HOME/emulator:$ANDROID_HOME/tools:$ANDROID_HOME/tools/bin:$ANDROID_HOME/platform-tools
安装Xcode（iOS开发）
通过Mac App Store安装Xcode，安装后需：
- 打开Xcode并安装命令行工具：
xcode-select --install - 确保Xcode许可证已接受：
sudo xcodebuild -license accept
创建React Native项目
使用CLI初始化新项目：
react-native init ProjectName
cd ProjectName运行Android应用
启动Android模拟器或连接真机，执行：
react-native run-android若遇到adb错误，需确保设备已通过USB调试授权。
运行iOS应用
在项目根目录执行：
react-native run-ios或通过Xcode打开ios/ProjectName.xcworkspace手动运行。
配置开发环境
- 调试工具：摇动设备或按
Ctrl+M（Android模拟器）打开开发者菜单。 - 热重载：在开发者菜单中启用
Hot Reloading。
常见问题解决
- Android端口冲突：若报
8081端口占用，执行：sudo lsof -i :8081 kill -9 <PID> - iOS依赖问题：清理缓存后重装：
cd ios pod install
项目结构说明
android/：Android原生代码目录。ios/：iOS原生代码目录。App.js：应用入口文件，可修改为自定义组件。
通过以上步骤即可完成React Native的基础搭建和运行。
