[Android] Menu flashes when opening

Abierto
#4,814 5 comentarios 7 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 3 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
42/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
android, react-native, typescript
Área
mobile

Línea de trabajo

Empieza reproduciendo la apertura del menú con visible=true en un Android emulator usando el entorno de React Native Paper 5.14.5 indicado, y después inspecciona patches/react-native-paper+5.14.5.patch, especialmente el cambio mencionado. Confirma la causa en lugar de depender del retraso de 1 ms; el trabajo estará terminado cuando al abrir el menú ya no se produzca un destello en el escenario de bajo rendimiento indicado.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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
Lenguaje dominante
TypeScript
Estrellas
14.5k
Forks
2.3k
Merge medio
8 d 7 h
PR fusionados (30 d)
5

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de callstack/react-native-paper

Todos los issues de callstack/react-native-paper

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.