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

refactor(bottom-navigation): align with MD3 navigation behavior

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

Maintainer antworten meist innerhalb von 7 Tagen

@DanielPotorCK arbeitet bereits daran.

Seit 14.9.2026.

  • #5120 von @DanielPotorCK — offen

Bewertung

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

Rechercherichtung

Beginne damit, die Implementierung von BottomNavigation und ihre aktuelle API zu lokalisieren, und prüfe anschließend, wie aktive Indikatoren, das Verschieben, verzögertes Rendern von Bildschirmen, Badges und Routenaktualisierungen behandelt werden. Vergleiche das bestehende Verhalten mit den relevanten Navigationsrichtlinien von Material Design 3 und identifiziere die Tests, die erforderlich sind, um die Abschlusskriterien des Refactorings festzulegen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

v6

Refactor BottomNavigation 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 active indicator implementation
  • Improve shifting behavior
  • Improve lazy screen rendering integration
  • Improve badge handling

Performance Opportunities

  • Reduce navigation item rerenders
  • Improve animated transitions
  • Optimize route updates
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.