Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

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

Ouverte
#4,935 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 7 jours

@DanielPotorCK y travaille déjà.

Depuis le 14/9/2026.

  • #5120 par @DanielPotorCK — ouverte

Évaluation

Difficulté
5/5
Temps estimé
Plus d'une semaine
Accessibilité débutants
28/100
Type d'issue
Refactorisation
Clarté
À clarifier
Activité
Calme
Stack technique
react-native, typescript
Domaine
mobile

Piste de recherche

Commencez par localiser l’implémentation de BottomNavigation et son API actuelle, puis examinez la manière dont sont gérés les indicateurs actifs, le décalage, le rendu différé des écrans, les badges et les mises à jour des routes. Comparez le comportement existant avec les recommandations de navigation pertinentes de Material Design 3 et identifiez les tests nécessaires pour définir les critères d’achèvement de la refactorisation.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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
Langage dominant
TypeScript
Étoiles
14.5k
Forks
2.3k
Merge moyen
8 j 2 h
PR mergées (30 j)
4

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de callstack/react-native-paper

Toutes les issues de callstack/react-native-paper

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.