callstack / callstack/react-native-paper
RadionButton doesn't seem to implement MD3
- 主要语言
- TypeScript
- 星标
- 14.5k
- 派生
- 2.2k
- 平均合并
- 5 天 23 小时
- 30 天内合并 PR
- 12
描述
### Current behaviour
According to the MD3 spec (https://m3.material.io/components/radio-button/guidelines), `RadioButton` should have a different look-n-feel than it currently does. For example, in "leading" mode the label should follow the button after some margin but instead its right-aligned towards then end of the screen:
```tsx
```
### Expected behaviour
`RadioButton` should match the MD3 spec.
### How to reproduce?
Just use `RadioButton` and compare it to the MD3 spec.
### Preview

### What have you tried so far?
Tried different combinations of `RadioButton.Group`, `RadioButton`, and `RadioButton.Android`.
### Your Environment
| software | version
| --------------------- | -------
| ios | x
| android | x
| react-native | 0.71.14
| react-native-paper | 5.11.4
| node | 18.16.1
| npm. | 9.5.1
| expo sdk | not used
贡献指南
调研方向
先从 RadioButton、RadioButton.Group、RadioButton.Item 和 RadioButton.Android 这些入口点开始,然后将它们当前的渲染效果与链接的 Material 3 单选按钮指南进行比较。验证前置位置的标签对齐方式,以及受支持变体之间记录的其他视觉差异;当 RadioButton 符合所引用的 MD3 行为时即表示完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- react-native, typescript
- 领域
- design, frontend, mobile
- Issue 类型
- 缺陷
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 活跃度
- 停滞
- 描述清晰度
- 需要澄清
- 新手友好度
- 35/100