SuperAPI AI 工具集

react-native-elements-best-practices

前端与建站

查看项目

更新于 10-16 03:46

技能介绍

用途:为使用 React Native Elements(RNE)的 React Native 应用提供最佳实践参考,适用于新项目初始化 RNE、配置 ThemeProvider 与 createTheme、用 ListItem 构建列表、用 Input 与 SearchBar 实现表单输入、优化 FlatList 性能,以及审查 RNE 相关代码。

主要能力:按影响优先级分为 8 类共 45 条规则。导入与初始化(CRITICAL,前缀 setup-)涉及 ThemeProvider 包裹应用、区分 @rneui/themed 与 @rneui/base、createTheme 类型安全配置、tree-shaking 与 SafeAreaProvider。主题架构(CRITICAL,theme-)涉及 useTheme 响应式取主题、亮暗模式、组件默认值、运行时更新、跟随系统配色与自定义颜色扩展。组件选择(HIGH,comp-)建议列表行用 ListItem、表单字段用 Input、Button 用 type 属性区分变体、按包体积选择 Icon、头像用 Avatar。列表性能(HIGH,list-)要求 memo 化 ListItem、提供 keyExtractor、固定高度用 getItemLayout、useCallback 提取 renderItem、配置 windowSize、用 FlatList 而非 ScrollView。属性配置、样式模式、回调事件与进阶模式分别覆盖 loading 状态、disabledStyle、errorMessage 校验、StyleSheet.create、useMemo 动态样式、useCallback 处理函数、SearchBar 防抖、makeStyles 与 Overlay 选择等。

使用方式:按需阅读各参考文件;references/_sections.md 为分类定义与顺序,assets/templates/_template.md 为新增规则模板,metadata.json 含版本与参考信息。

限制:资料未提供具体安装命令、版本号、许可证、收费与平台支持范围,暂未提供。