Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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

Aberta
#4,935 1 comentário 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 7 dias

@DanielPotorCK já está trabalhando nisso.

Desde 14/9/2026.

  • #5120 de @DanielPotorCK — aberto

Avaliação

Dificuldade
5/5
Tempo estimado
Mais de uma semana
Facilidade para iniciantes
28/100
Tipo de issue
Refatoração
Clareza
Precisa de esclarecimento
Status de atividade
Pouca atividade
Stack de tecnologia
react-native, typescript
Domínio
mobile

Direção de pesquisa

Comece localizando a implementação de BottomNavigation e sua API atual; em seguida, revise como os indicadores ativos, o deslocamento, a renderização lazy de telas, os badges e as atualizações de rotas são tratados. Compare o comportamento existente com as orientações relevantes de navegação do Material Design 3 e identifique os testes necessários para definir os critérios de conclusão da refatoração.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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
Linguagem predominante
TypeScript
Estrelas
14.5k
Forks
2.3k
Merge médio
8d 2h
PRs com merge (30d)
4

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de callstack/react-native-paper

Todas as issues de callstack/react-native-paper

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.