SuperAPI AI 工具集

react-native-skills

前端与建站

查看项目

更新于 10-16 08:46

技能介绍

该技能面向 React Native 与 Expo 应用开发,提供跨多个类别的最佳实践规则,涵盖性能、动画、UI 模式及平台相关优化。适用场景包括:构建 React Native 或 Expo 应用;优化列表与滚动性能;使用 Reanimated 实现动画;处理图片与媒体;配置原生模块或字体;以及在包含原生依赖的 Monorepo 中组织项目。

规则按优先级分类:列表性能(关键,前缀 list-performance-,如用 FlashList 虚拟化大列表、记忆化列表项、稳定回调引用、避免内联样式对象、优化列表图片);动画(高,如仅动画 transform 与 opacity、用 useDerivedValue、用 Gesture.Tap 替代 Pressable);导航(高,如优先使用原生 stack 与原生 tabs 而非 JS 导航器);UI 模式(高,如用 expo-image、Galeria 灯箱、Pressable、处理安全区与 contentInset、原生上下文菜单与模态、用 onLayout 而非 measure()、StyleSheet.create 或 Nativewind);状态管理(中,如最小化订阅、dispatcher 模式、首屏 fallback、React Compiler 相关处理);渲染(中,如文本包裹在 Text 组件、避免用 falsy && 做条件渲染);Monorepo(中,如原生依赖放在 app 包、跨包统一版本);配置(低,如用配置插件处理字体、组织设计系统导入、提升 Intl 对象创建)。

使用方式:按需阅读各规则文件,如 rules/list-performance-virtualize.md、rules/animation-gpu-properties.md,每个文件包含原因说明、错误与正确代码示例及补充参考;完整指南见 AGENTS.md。注意:本资料未说明安装命令、收费或价格信息,暂未提供。