callstack / callstack/react-native-paper

feat: add Connected Button Group

未关闭
#4,979 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
v6
主要语言
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

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。