callstack / callstack/react-native-paper

Menu opening animation only 60 fps

未关闭
#4,230 2 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
bug Menu
主要语言
TypeScript
星标
14.5k
派生
2.2k
平均合并
5 天 23 小时
30 天内合并 PR
12

描述

### 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

贡献指南

打开贡献指南

调研方向

未指定源文件或测试。首先,在具有高刷新率的设备或模拟器上复现 Android 13 中 Menu 的打开和关闭动画,然后跟踪 repository 中 Menu 动画的实现。完成的标准是,动画能够明显地以设备的刷新率运行,而不是被限制在 60 fps,同时保留在标准显示器上的现有行为。

由索引模型根据 Issue 内容生成。

评估

技术栈
react-native, typescript
领域
frontend, mobile, performance
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。