callstack / callstack/react-native-paper

RadionButton doesn't seem to implement MD3

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

![Screenshot_1705410465](https://github.com/callstack/react-native-paper/assets/17277/5e083530-ec90-47d3-a3b4-08723d4de4b1)

### 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

把新 issue 发到你的邮箱

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