[Android] Menu flashes when opening

Aberta
#4,814 5 comentários 7 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 3 dias

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
42/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
android, react-native, typescript
Domínio
mobile

Direção de pesquisa

Comece reproduzindo a abertura do menu com visible=true em um Android emulator usando o ambiente React Native Paper 5.14.5 relatado e, em seguida, inspecione patches/react-native-paper+5.14.5.patch, especialmente a alteração referenciada. Confirme a causa em vez de depender do atraso de 1 ms; o trabalho estará concluído quando a abertura do menu não piscar mais no cenário de baixo desempenho relatado.

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

Descrição

bug
Current behaviour

The menu component flashes when opening the menu via visible=true. I think this is actually not observable in production builds (with a Samsung S21) but rather in poor performance scenarios (dev, emulator)

Expected behaviour

The menu doesnt flash

How to reproduce?

show a menu

Preview

the video only shows the menu flashing once; in the actual emulator it flashes every time when the menu opens

https://github.com/user-attachments/assets/37fa7177-a05e-4a21-bdac-718822acc5bd

What have you tried so far?

add

await new Promise(resolve => setTimeout(resolve, 1));

fixes this issue; unfortunately I learned enough from experience to know this works but cant tell why.

Your Environment
software version
ios n/a
android 36
react-native 0.81.4
react-native-paper 5.14.5
node 22
npm or yarn yarn v4
expo sdk 54
Linguagem predominante
TypeScript
Estrelas
14.5k
Forks
2.3k
Merge médio
8d 7h
PRs com merge (30d)
5

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.