SuperAPI AI 工具集

react-native-guidelines

前端与建站

查看项目

更新于 10-16 06:19

技能介绍

用途:React Native Guidelines 是一套面向 React Native 跨平台移动开发的规则集,共 16 条规则,分为性能、布局、动画、图片、状态、架构、平台 7 个部分。每条规则针对 React Native 桥接架构与原生渲染管线特有的失败模式,用于在生成代码时应用、在代码审查时标记问题。

主要能力:关注保持 JS 线程不被阻塞、动画使用原生驱动、优化 FlatList 渲染、减少桥接调用;同时覆盖 iOS 与 Android 的平台差异、手势处理差异和导航模式。规则按部分组织,每部分含 2-3 条聚焦高影响问题的规则。

使用方式:适用于构建新的 React Native 屏幕或组件、调试 iOS/Android 性能问题、审查跨平台正确性、实现动画或手势交互、优化大数据集列表渲染、处理平台差异等场景。资料给出的实践包括:优化前先用 Flipper 或 React DevTools 做性能分析;保持 JS 线程每帧低于 16ms 以实现 60fps;opacity 与 transform 动画使用 useNativeDriver: true;列表项避免内联样式,静态样式用 StyleSheet.create;处理 iOS 与 Android 的安全区域、刘海与手势导航;在真机而非仅模拟器上测试。

限制:资料未提供安装命令、具体收费或价格信息,也未说明各平台支持的完整细节;部分工具(如 aider)仅提供有限移动上下文支持。规则的具体条目内容未在资料中逐条列出。