feat: modernize Badge according to MD3
Maintainer antworten meist innerhalb von 7 Tagen
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Anfängerfreundlichkeit
- 58/100
- Issue-Typ
- Feature
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Ruhig
- Tech-Stack
- react-native, typescript
- Bereich
- mobile
Rechercherichtung
Beginne mit der vorhandenen Badge-Komponente und vergleiche ihre aktuelle Größe, ihren Innenabstand, ihre Typografie und ihr Overflow-Verhalten mit den verlinkten Badge-Spezifikationen von Material Design 3. Als erledigt gilt die Aufgabe, wenn badges ohne Inhalt als Punkte mit 6dp gerendert werden, beschriftete badges als 16dp-Pills, Abstände und Textgröße die vorgegebenen Werte verwenden und lange Beschriftungen das 16x34dp-Limit einhalten.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
The goal is to modernize the Badge component to the latest Material Design specs by reusing theme tokens (shape, typography, colors etc).
Current state
Badge
MD3 spec: Badges
Specs link: https://m3.material.io/components/badges/specs
Color tokens
- Background
error✅ - Label text
onError✅
Spacing / sizing
- Default
sizeis 20dp. MD3 defines small badge at 6dp (no label) and large badge at 16dp (with label) - No small/large distinction. Size should be determined automatically: 6dp when no children, 16dp when children are present
-
paddingHorizontal: 3. Spec requires 4dp between badge edge and text -
fontSize = size * 0.5yields 8sp at 16dp. Spec requires 11sp for large badge label text - Large badge max character count size (16x34dp) not handled; text currently overflows unconstrained
Behavior
- No automatic small vs large variant. Component should render as a 6dp dot when childless and as a 16dp pill when a label is provided
- Vorherrschende Sprache
- TypeScript
- Sterne
- 14.5k
- Forks
- 2.2k
- Ø Merge
- 6 T. 12 Std.
- Gemergte PRs (30 T.)
- 5
Entwicklungsumgebung
- Kein Dockerfile und keine Docker-Compose-Datei
- Hat eine Pull-Request-Vorlage
- Beitragsleitfaden lesen
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus callstack/react-native-paper
-
Menu ignores the keyboard when it mounts while the keyboard is already openEvtl. vergeben @manchoudhary hat das vor 21 Tagen übernommen. Offen
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 76/100
callstack/react-native-paper#5096 ·
Maintainer antworten meist innerhalb von 7 Tagen
-
Color Picker Popup Is Obscured On "Guides -> Theming -> Creating Dynamic Theme Colors" Documentation On Both v5 and v6Evtl. vergeben @fatihcvs hat das vor 16 Tagen übernommen. Offenbug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
callstack/react-native-paper#5093 ·
Maintainer antworten meist innerhalb von 7 Tagen
-
Tooltip: onPress event object is not propagated to parent component on nativeEvtl. vergeben @Shevilll hat das vor 108 Tagen übernommen. Offenbug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 74/100
callstack/react-native-paper#5003 ·
Maintainer antworten meist innerhalb von 7 Tagen
-
Snackbar stays mounted after `visible=false` under new architecture (iOS + Android)Evtl. vergeben @momomuchu hat das vor 96 Tagen übernommen. Offen
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
callstack/react-native-paper#4951 ·
Maintainer antworten meist innerhalb von 7 Tagen
-
bug
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
callstack/react-native-paper#4881 ·
Maintainer antworten meist innerhalb von 7 Tagen
Alle Issues in callstack/react-native-paper
Ähnliche Issues
-
bot:ai-assisted status:untriaged
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 85/100
midnightntwrk/midnight-js#1424 ·
Maintainer antworten meist innerhalb von 1 Tag
-
enhancement
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
mksglu/context-mode#1268 ·
Maintainer antworten meist innerhalb von 5 Tagen
-
[bug] Setup fails with "Cannot find matching keyid" when an older Node's corepack is on PATHEvtl. vergeben @EyalPoly hat das heute übernommen. Offen
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
Maintainer antworten meist innerhalb von 1 Tag
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 72/100
MystenLabs/MemWal#1124 · 2 Kommentare ·
Maintainer antworten meist innerhalb von 1 Tag
-
Edit:Offencheck:failed streams:edit
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 60/100
iptv-org/iptv#54352 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag