callstack / callstack/react-native-paper
refactor(chip): improve selection model and MD3 compliance
- 主要语言
- TypeScript
- 星标
- 14.5k
- 派生
- 2.2k
- 平均合并
- 5 天 23 小时
- 30 天内合并 PR
- 12
描述
Refactor Chip to improve Material Design 3 compliance, remove problematic children patterns, improve performance characteristics, and modernize the public API.
**Problems**
- Current API relies heavily on children composition in ways that are difficult to optimize
- Internal layout logic is tightly coupled to arbitrary child structures
- MD3 behaviors and visuals are not fully aligned with current Material guidelines
- Rendering performance can degrade in large lists or frequently updated screens
- Type safety and discoverability of the API can be improved
- The component has inconsistent behavior between platforms and edge cases
**Focus Areas**
- Improve selected/outlined/filter states
- Improve icon/avatar handling
- Simplify content rendering
- Improve touch target sizing
- Improve state layer implementation
**Proposed API Direction**
Move toward explicit label APIs:
``
**Performance Opportunities**
- Reduce animation overhead
- Avoid child inspection
- Improve memoization
- Simplify icon rendering path
贡献指南
调研方向
首先定位 Chip 组件及其当前的公共 API,然后检查 children、选择状态、图标或头像、触摸目标和 state layers 的处理方式。将现有行为与所述的 Material Design 3 目标进行比较,并评估显式 label API 的提议。该 issue 未指定文件或测试,完成标准仍然较为宽泛。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- react-native, typescript
- 领域
- design, frontend, mobile
- Issue 类型
- 重构
- 难度
- 5/5
- 预计耗时
- 一周以上
- 活跃度
- 冷清
- 描述清晰度
- 需要澄清
- 新手友好度
- 25/100