Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

refactor(dialog): improve composition model and accessibility

Aperta
  • Qualcosa non va?
#4,933 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 7 giorni

@kachmashk ci sta già lavorando.

Dal 25/8/2026.

  • #5072 di @kachmashk — aperta

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
30/100
Tipo di issue
Refactoring
Chiarezza
Da chiarire
Stato di attività
Tranquilla
Stack tecnologico
react-native, typescript
Ambito
accessibility, design, frontend, mobile, performance

Direzione di ricerca

Inizia individuando il componente Dialog e rivedendo la composizione attuale basata su children, il comportamento del portale e gli aggiornamenti della visibilità. Confronta l’API pubblica esistente con le props proposte title, content e actions, quindi valuta le modifiche a tastiera, accessibilità, spaziatura MD3, elevazione tonale e wrapper. Il lavoro è completo quando sono disponibili un’API coerente e un comportamento uniforme sulle piattaforme indicate e nei casi limite, con caratteristiche di rendering migliorate.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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
Lingua principale
TypeScript
Stelle
14.5k
Fork
2.2k
Merge medio
6g 12h
PR unite (30g)
5

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di callstack/react-native-paper

Tutte le issue di callstack/react-native-paper

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.