callstack / callstack/react-native-paper

Menu opening animation only 60 fps

Ouverte
#4,230 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
bug Menu
Langage dominant
TypeScript
Étoiles
14.5k
Forks
2.2k
Merge moyen
5 j 23 h
PR mergées (30 j)
12

Description

### Current behaviour
When opening or closing a Menu component, the animation is capped at 60 fps, which is very obvious on my Redmi note 11, a 90 hz screen device.

### Expected behaviour
The animation framerate should adjust to the device's refresh rate.

### How to reproduce?
1. Create a Menu component that is openable
2. Run the app on a device with a high refresh rate screen.
3. Observe that the opening and closing animations are running at 60 fps

### Preview
The Android screen recorder is capped at 60 fps, this has to be experienced on a real high refresh rate device (or maybe an emulator on a high refresh rate monitor)

### What have you tried so far?
I thought that this is an issue of all React Native, but things like the ActivityIndicator or TextInput seem to be running 90 fps just fine. So this is likely an issue specifically the Menu animation.

### Your Environment

| software | version
| --------------------- | -------
| ios | x
| android | 13
| react-native | 0.72.7
| react-native-paper | 5.11.1
| node | 18.17.1
| npm or yarn | npm 9.6.7
| expo sdk | x.x.x

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Aucun fichier source ni aucun test n’est indiqué. Reproduisez d’abord l’animation d’ouverture et de fermeture de Menu sur Android 13 avec un appareil ou un émulateur à fréquence de rafraîchissement élevée, puis suivez l’implémentation de l’animation de Menu dans le dépôt. Le travail est considéré comme terminé lorsque l’animation s’exécute visiblement à la fréquence de rafraîchissement de l’appareil au lieu d’être limitée à 60 fps, tout en préservant le comportement existant sur les écrans standard.

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

Évaluation

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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.