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

refactor(appbar): improve MD3 variants and action composition

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

Maintainer antworten meist innerhalb von 7 Tagen

@pawelkata arbeitet bereits daran.

Seit 25.8.2026.

  • #5075 von @pawelkata — offen

Bewertung

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

Rechercherichtung

Beginne mit dem Lesen der aktuellen AppBar-Implementierung und der öffentlichen API und vergleiche anschließend ihr Verhalten mit den aufgeführten MD3-Varianten der oberen AppBar und der Richtung der Aktionszusammenstellung. Definiere die betroffenen API- und Komponentengrenzen, bevor du das Scrollverhalten, die Barrierefreiheit und die Rendering-Performance behandelst; abgeschlossen bedeutet, dass die Varianten und Aktionen plattformübergreifend konsistent mit den angegebenen Performance-Zielen funktionieren.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

v6

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

  • Improve support for MD3 top app bar variants
  • Simplify action rendering
  • Improve scroll behavior integration
  • Improve accessibility and semantics

Proposed API Direction

<Appbar variant="small" title="Inbox" actions={[...]} />

Performance Opportunities

  • Reduce action re-renders
  • Improve animated scroll performance
  • Reduce style recalculation
Vorherrschende Sprache
TypeScript
Sterne
14.5k
Forks
2.3k
Ø Merge
8 T. 2 Std.
Gemergte PRs (30 T.)
4

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.