callstack / callstack/react-native-paper
RadionButton doesn't seem to implement MD3
- 主要言語
- TypeScript
- スター
- 14.5k
- フォーク
- 2.2k
- 平均マージ
- 5日 23時間
- マージ済み PR(30日)
- 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
コントリビューションガイド
調査の方向性
Start with the RadioButton, RadioButton.Group, RadioButton.Item, and RadioButton.Android entry points, then compare their current rendering with the linked Material 3 radio-button guidelines. Verify the leading-position label alignment and the other documented visual differences across the supported variants; done means RadioButton matches the referenced MD3 behavior.
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- react-native, typescript
- 領域
- design, frontend, mobile
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- 説明が足りない
- 初心者へのやさしさ
- 35/100