Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

feat: add Connected Button Group

Offen
#4,979 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 7 Tagen

Dieses Issue hat noch niemand übernommen.

  • #5028 von @matkoson — ohne Merge geschlossen

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
35/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Ruhig
Tech-Stack
react-native, typescript
Bereich
design, frontend, mobile

Rechercherichtung

Beginne mit der Spezifikation für Material 3 Button Groups und dem zugehörigen Issue #4928 einschließlich des offenen Pull Requests, um wiederverwendbare Logik zu identifizieren. Überprüfe anschließend die Modernisierungsmuster in TextInput/TextField, Switch, Checkbox und FAB. Die Aufgabe ist abgeschlossen, wenn eine Connected Button Group-Komponente gemäß der Spezifikation mit den relevanten gemeinsamen und komponentenspezifischen Tokens implementiert ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

v6

According to the specs, the SegmentedButton is deprecated and replaced by Connected Button Group.

  • Implement the new component according to specs: https://m3.material.io/components/button-groups/overview
  • Reuse newly introduced tokens (shape, motion, typography, color etc)
  • Extract component specific tokens for easier maintenance.
  • Get inspired from TextInput/TextField, Switch, Checkbox, FAB components which have gone through modernization.

Related tasks:

Vorherrschende Sprache
TypeScript
Sterne
14.5k
Forks
2.2k
Ø Merge
6 T. 12 Std.
Gemergte PRs (30 T.)
5

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus callstack/react-native-paper

Alle Issues in callstack/react-native-paper

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.