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

refactor(snackbar): modernize layout and action API

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

Mantenedores costumam responder em até 7 dias

@azizbecha já está trabalhando nisso.

Desde 12/5/2026.

  • #5135 de @grzegorzkruk — aberto

Avaliação

Esta issue ainda não foi avaliada.

Descrição

v6

Refactor SnackBar 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 action rendering model
  • Improve responsiveness and multiline behavior
  • Improve MD3 tonal surface handling
  • Improve animation consistency

Proposed API Direction

<Snackbar visible message="Changes saved" action={{ label: 'Undo', onPress }} />

Performance Opportunities

  • Reduce animated subtree complexity
  • Improve portal rendering behavior
  • Reduce unnecessary visibility transitions
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.