SuperAPI AI 工具集

react-native-elements

前端与建站

查看项目

更新于 10-15 16:16

技能介绍

用途:这是一份面向 React Native Elements(RNE)应用的社区最佳实践指南,帮助在新建项目、配置主题、构建列表、实现表单输入以及优化 FlatList 性能等场景下规范组件使用。

主要能力:包含 45 条规则,按影响优先级分为 8 类。导入与初始化(CRITICAL):用 ThemeProvider 包裹应用、正确区分 @rneui/themed 与 @rneui/base、用 createTheme 做类型安全配置、处理 tree-shaking、配置 SafeAreaProvider。主题架构(CRITICAL):用 useTheme 响应式读取主题、配置明暗模式、设置组件默认值、运行时更新主题、同步系统配色、安全扩展自定义颜色。组件选型(HIGH):列表行用 ListItem、表单用 Input、SearchBar 的平台差异、Button type 变体、谨慎选择 Icon 以控制包体积、头像用 Avatar。列表性能(HIGH):memo 化 ListItem、始终提供 keyExtractor、固定高度用 getItemLayout、useCallback 提取 renderItem、配置 windowSize、优先 FlatList、谨慎使用 removeClippedSubviews。属性配置(MEDIUM-HIGH):loading 表示异步、配置 disabledStyle、用 errorMessage 做校验、正确配置 Icon、SearchBar 加载态、用 color 表示语义色。样式(MEDIUM):用 StyleSheet.create、用 containerStyle、memo 化动态样式、用主题色而非硬编码、优先组件专属样式属性。事件(MEDIUM):useCallback 包装处理函数、防抖 SearchBar 的 onChangeText、正确传递 onPress 数据、避免匿名函数、高效配置 Input 处理函数。进阶(LOW):正确包装 RNE 组件、处理平台专属属性、用 makeStyles、正确选择 Overlay 与 Modal、配置 Avatar 的 ImageComponent 缓存。

使用方式:可按优先级阅读各规则参考文件,其中含详细说明与代码示例;也可参考 _sections.md 的分类结构与影响级别、_template.md 的新规则模板。

适用场景:构建使用 RNE 的 React Native 应用、评审相关代码、优化列表渲染与主题一致性。

限制:资料未提供具体安装命令、版本兼容范围、性能基准数据或收费信息。