callstack / callstack/react-native-paper

RadionButton doesn't seem to implement MD3

オープン
#4,279 コメント 1 件 リアクション 1 件 担当者 0 名 GitHub で見る
bug RadioButton
主要言語
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

![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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

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

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。