react native 如何
安装 React Native 开发环境
确保系统已安装 Node.js（建议版本 16 或更高）。通过以下命令安装 React Native CLI 工具：
npm install -g react-native-cli对于 iOS 开发，需安装 Xcode 和 CocoaPods。Android 开发需安装 Android Studio 并配置 JDK 和 Android SDK。
创建新项目
使用以下命令初始化新项目（替换 ProjectName 为实际名称）：
npx react-native init ProjectName此命令会生成一个包含基础模板的项目目录。
运行开发服务器
进入项目目录后启动 Metro 打包工具：
cd ProjectName
npx react-native start保持此终端运行，Metro 负责实时编译 JavaScript 代码。
启动应用
另开终端窗口运行应用：
- iOS:
npx react-native run-ios - Android:
npx react-native run-android确保已连接真机或启动模拟器。
调试与热重载
- 调试菜单：iOS 模拟器按
Cmd+D，Android 按Ctrl+M（Windows）或Cmd+M（Mac）。 - 热重载：在开发菜单中启用
Hot Reloading实现代码修改后即时更新。
添加第三方库
通过 npm 或 yarn 安装库后，部分库可能需要原生端链接：
npm install library-name
npx react-native link library-name对于自动链接失效的情况，需手动修改原生代码（iOS 的 Podfile 或 Android 的 Gradle 配置）。
发布应用
- iOS：使用 Xcode 归档并提交至 App Store Connect。
- Android：生成签名 APK 或 AAB 文件后上传至 Google Play Console。
性能优化建议
- 使用
FlatList替代ScrollView处理长列表。 - 避免频繁
setState，使用useMemo或useCallback优化渲染。 - 原生模块处理计算密集型任务。
常见问题解决
- 红屏错误：检查控制台输出，通常为语法错误或缺失依赖。
- 原生编译失败：清理缓存（
npx react-native clean）并重新安装依赖。 - 网络请求问题：Android 需配置
android:usesCleartextTraffic="true"（仅调试）。
