callstack / callstack/react-native-paper

Menu opening animation only 60 fps

Đang mở
#4,230 2 bình luận 0 reaction 0 người được giao Xem trên GitHub
bug Menu
Ngôn ngữ chính
TypeScript
Star
14.5k
Fork
2.2k
Merge trung bình
5 ngày 23 giờ
Pull request đã merge (30 ngày)
12

Mô tả

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Không có tệp mã nguồn hay bài kiểm thử nào được nêu tên. Trước tiên, hãy tái hiện hoạt ảnh mở và đóng của Menu trên Android 13 bằng thiết bị hoặc trình giả lập có tần số quét cao, sau đó lần theo phần triển khai hoạt ảnh Menu trong repository. Được coi là hoàn thành khi có thể thấy hoạt ảnh chạy ở tần số quét của thiết bị thay vì bị giới hạn ở 60 fps, đồng thời giữ nguyên hành vi hiện có trên các màn hình tiêu chuẩn.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
react-native, typescript
Lĩnh vực
frontend, mobile, performance
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.