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

refactor(dialog): improve composition model and accessibility

Offen
  • Stimmt etwas nicht?
#4,933 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 7 Tagen

@kachmashk arbeitet bereits daran.

Seit 25.8.2026.

  • #5072 von @kachmashk — offen

Bewertung

Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Anfängerfreundlichkeit
30/100
Issue-Typ
Refactoring
Klarheit
Muss geklärt werden
Aktivitätsstatus
Ruhig
Tech-Stack
react-native, typescript
Bereich
accessibility, design, frontend, mobile, performance

Rechercherichtung

Beginne damit, die Dialog-Komponente zu finden und ihre aktuelle auf children basierende Komposition, ihr Portal-Verhalten und ihre Sichtbarkeitsaktualisierungen zu überprüfen. Vergleiche die bestehende öffentliche API mit den vorgeschlagenen Props title, content und actions und bewerte anschließend die Änderungen an Tastaturbedienung, Barrierefreiheit, MD3-Abständen, tonaler Elevation und Wrapper. Als abgeschlossen gilt die Arbeit, wenn eine kohärente API und ein konsistentes Verhalten über die genannten Plattformen und Edge Cases hinweg vorliegen und die Rendering-Eigenschaften verbessert wurden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

v6

Refactor Dialog to improve Material Design 3 compliance, remove problematic children patterns, improve performance characteristics, and modernize the public API.

Problems

  • Current API relies heavily on children composition in ways that are difficult to optimize
  • Internal layout logic is tightly coupled to arbitrary child structures
  • MD3 behaviors and visuals are not fully aligned with current Material guidelines
  • Rendering performance can degrade in large lists or frequently updated screens
  • Type safety and discoverability of the API can be improved
  • The component has inconsistent behavior between platforms and edge cases

Focus Areas

  • Simplify Dialog.Title / Dialog.Content / Dialog.Actions hierarchy
  • Improve keyboard and accessibility handling
  • Improve MD3 spacing and tonal elevation
  • Reduce excessive wrappers

Proposed API Direction

<Dialog title="Delete item" content="Are you sure?" actions={[...]} />

Performance Opportunities

  • Reduce nested layout complexity
  • Improve portal interaction handling
  • Reduce unnecessary rerenders during visibility updates
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.