[Android] Menu flashes when opening

Ouverte
#4,814 5 commentaires 7 réactions 0 personnes assignées Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
42/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
android, react-native, typescript
Domaine
mobile

Piste de recherche

Commencez par reproduire l’ouverture du menu avec visible=true sur un Android emulator en utilisant l’environnement React Native Paper 5.14.5 signalé, puis examinez patches/react-native-paper+5.14.5.patch, en particulier la modification référencée. Confirmez la cause plutôt que de vous fier au délai de 1 ms ; le travail est terminé lorsque l’ouverture du menu ne provoque plus de flash dans le scénario de faibles performances signalé.

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

Description

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

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.