minimax-ai/react-native-dev

react-native-dev 是做什么的？

React Native 与 Expo 开发指南，涵盖组件、样式、动画、导航、状态管理、表单、网络、性能优化、测试、原生能力及工程实践（项目结构、部署、SDK 升级、CI/CD）。适用于构建 React Native 或 Expo 应用、实现动画或原生 UI、管理状态、获取数据、编写测试、优化性能、发布到 App Store/Play Store、配置 CI/CD、升级 Expo SDK 或配置 Tailwind/NativeWind 等场景。

组件

• View、Text、Image、ScrollView 等基础组件用法与属性。
• 自定义组件的创建、属性传递与状态管理。

样式

• React Native 的 Flexbox 布局系统。
• StyleSheet 的创建与复用。
• 使用 NativeWind 或 Tailwind 进行原子化样式管理。

动画

• 使用 Animated API 实现简单动画。
• 使用 react-native-reanimated 实现高性能动画。
• 过渡与手势动画的结合。

导航

• 使用 React Navigation 栈导航、标签导航和抽屉导航。
• 导航参数传递与深层链接配置。

状态管理

• React 内置的 useState 与 useReducer。
• 上下文 (Context) 与全局状态。
• 第三方库如 Redux、MobX、Zustand 的使用场景。

表单

• 受控组件与表单验证。
• 使用 react-hook-form 或 Formik 简化表单处理。

网络

• 使用 fetch 或 axios 进行 API 调用。
• WebSocket 与实时通信。
• 离线缓存策略。

性能优化

• 使用 React.memo、useMemo、useCallback 避免不必要的渲染。
• FlatList 的虚拟化与懒加载优化。
• 分析工具如 React DevTools 与 Flipper。

测试

• 使用 Jest 进行单元测试。
• 使用 React Native Testing Library 进行组件测试。
• E2E 测试：Detox 或 Appium。

原生能力

• 调用摄像头、位置、通知等原生模块。
• 编写原生模块桥接 (Bridging) 或使用 Expo 模块 API。
• 权限管理。

工程实践

项目结构

• 推荐的功能/模块化目录结构。
• 别名导入（如 @components）配置。

部署

• iOS：App Store Connect 配置与提交。
• Android：Google Play 控制台配置与 AAB 构建。
• OTA 更新（Expo Updates 或 CodePush）。

SDK 升级

• Expo SDK 升级流程（expo upgrade）。
• 原生依赖兼容性检查。
• 迁移注意事项。

CI/CD

• GitHub Actions / GitLab CI 配置示例。
• 自动化构建、测试与发布流程。
• EAS Build 与 EAS Submit 使用指南。

配置 Tailwind/NativeWind

• 安装 nativewind 并配置 tailwind.config.js。
• 在 React Native 中使用 Tailwind 类名。
• 自定义主题与暗模式支持。

提示：使用本指南时，根据具体需求选择对应章节查阅，建议结合官方文档与最新社区实践。