SuperAPI AI 工具集

react-native-dev

编程与开发

查看项目

更新于 10-16 05:53

技能介绍

用途:为构建生产级 React Native 与 Expo 应用提供实践指南,覆盖 UI、动画、状态、测试、性能与部署。

主要能力:附带多份参考文档,分别涉及导航(Expo Router 的 Stack、Tabs、NativeTabs、链接、模态、工作表、上下文菜单)、组件(FlashList、expo-image、安全区域、原生控件、模糊/玻璃效果、存储)、样式(StyleSheet、NativeWind/Tailwind、平台样式、主题、暗色模式)、动画(Reanimated 3)、状态管理(Zustand、Jotai、React Query、Context)、表单(React Hook Form + Zod)、网络(fetch 封装、React Query、鉴权令牌、离线、API 路由、Webhook)、性能(Profiling、FlashList + memo、包体分析、TTI、内存泄漏、动画性能)、测试(Jest、React Native Testing Library、Maestro E2E)、原生能力(相机、定位、权限、触感、通知、生物识别)与工程化(目录布局、路径别名、SDK 升级、EAS 构建/提交、CI/CD、DOM 组件)。

使用方式:新建项目可用 npx create-expo-app@latest my-app --template blank-typescript,随后 npx expo install expo-router react-native-safe-area-context react-native-screens,可选安装 expo-image、react-native-reanimated、react-native-gesture-handler;需在 package.json 设置 main 为 expo-router/entry,在 app.json 添加 scheme,删除 App.tsx 与 index.ts,创建 app/_layout.tsx 与 app/(tabs)/_layout.tsx。Web 支持需安装 react-native-web、react-dom、@expo/metro-runtime。建议先用 Expo Go(npx expo start),仅在需要本地 Expo 模块、Apple 目标或第三方原生模块时使用 eas build。

适用场景:React Native/Expo 应用开发、性能调优、测试与发布流程;iOS 原生见 ios-application-dev,Android 原生见 android-native-dev,Flutter 见 flutter-dev。

限制与注意:条件渲染应使用 count > 0 &&,动画仅动 transform 与 opacity,导入避免 barrel 文件,列表与图片优先 FlashList 与 expo-image,路由文件用 kebab-case。原文未提供收费、价格与平台细节。