用途:为 React Native 与 Expo 开发提供生产级架构模式,覆盖导航、状态管理、原生模块与离线优先架构。适用于新建 React Native/Expo 项目、实现复杂导航、集成原生模块与平台 API、构建离线优先应用、优化性能以及搭建移动端发布 CI/CD。
主要能力与结构:推荐 src/ 目录组织,app/ 放 Expo Router 屏幕(含 (auth)、(tabs) 分组与 _layout.tsx 根布局),另有 components(ui 与 features)、hooks、services、stores、utils、types。对 Expo 与 Bare React Native 做对比:Expo 上手成本低、用 EAS Build 处理原生模块、内置 OTA 更新、可用 Config plugins 定制原生代码;Bare RN 上手成本高、需手动链接与自建 CI、直接访问原生代码。
用法:创建项目与安装依赖的命令保持原样:npx create-expo-app@latest my-app -t expo-template-blank-typescript;npx expo install expo-router expo-status-bar react-native-safe-area-context;npx expo install @react-native-async-storage/async-storage;npx expo install expo-secure-store expo-haptics。根布局示例使用 expo-router 的 Stack,配合 QueryProvider 与 ThemeProvider,并定义 (tabs)、(auth) 及 modal 屏幕。更详细的模式文档在 references/details.md,当上层导航说明不足时查阅。
最佳实践:推荐使用 Expo 以获得更快开发与 OTA 更新;长列表用 FlashList 替代 FlatList;对组件做 memo 化避免多余重渲染;用 Reanimated 实现原生线程 60fps 动画;在真机测试。避免内联样式,应用 StyleSheet.create;不要在 render 中取数据,改用 useEffect 或 React Query;不要忽视平台差异,需在 iOS 与 Android 上测试;不要把密钥写进代码,应使用环境变量;不要省略错误边界。
限制:资料未提供具体收费、价格、支持平台版本或性能基准数据。