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

refactor(card): modernize composition model and improve MD3 behavior

Aperta
#4,929 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 7 giorni

@pawelkata ci sta già lavorando.

Dal 11/9/2026.

  • #5116 di @pawelkata — aperta

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
25/100
Tipo di issue
Refactoring
Chiarezza
Da chiarire
Stato di attività
Tranquilla
Stack tecnologico
react-native, typescript

Direzione di ricerca

La issue nomina Card, Card.Content e Card.Actions, ma non indica alcun file né test. Inizia individuando l’implementazione di Card e la sua API pubblica esistente, poi confronta la composizione, le varianti, l’elevation, la spaziatura e il comportamento pressable attuali con la direzione proposta per gli slot; i criteri di completamento e i test non sono specificati, quindi l’ambito deve essere concordato con i maintainer.

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

Descrizione

v6

Refactor Card 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

  • Reduce dependence on deeply nested children
  • Improve Card.Content / Card.Actions architecture
  • Improve elevation and surface behavior
  • Improve shape and outlined variants
  • Simplify internal spacing rules

Proposed API Direction

Introduce clearer slot-based APIs:
<Card title="Title" subtitle="Subtitle" content={<Text>Content</Text>} actions={[...]} />

Performance Opportunities

  • Reduce nested wrappers
  • Optimize pressable behavior
  • Avoid unnecessary subtree re-renders
  • Improve memoization boundaries
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.