callstack / callstack/react-native-paper
feat: add Connected Button Group
- 主要语言
- TypeScript
- 星标
- 14.5k
- 派生
- 2.2k
- 平均合并
- 5 天 23 小时
- 30 天内合并 PR
- 12
描述
According to the specs, the SegmentedButton is deprecated and replaced by Connected Button Group.
- Implement the new component according to specs: https://m3.material.io/components/button-groups/overview
- Reuse newly introduced tokens (shape, motion, typography, color etc)
- Extract component specific tokens for easier maintenance.
- Get inspired from TextInput/TextField, Switch, Checkbox, FAB components which have gone through modernization.
Related tasks:
- https://github.com/callstack/react-native-paper/issues/4936
- https://github.com/callstack/react-native-paper/issues/4928 (has a PR open already and we should reuse logic from there in this new component)
贡献指南
调研方向
从 Material 3 Button Groups 规范和相关 issue #4928(包括其开放的 pull request)开始,以确定可复用的逻辑。然后,查看 TextInput/TextField、Switch、Checkbox 和 FAB 中的现代化模式。当按照规范实现 Connected Button Group 组件,并包含相关的共享 token 和组件专用 token 时,即视为完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- react-native, typescript
- 领域
- design, frontend, mobile
- Issue 类型
- 功能
- 难度
- 5/5
- 预计耗时
- 一周以上
- 活跃度
- 冷清
- 描述清晰度
- 基本清楚
- 新手友好度
- 35/100