Skip to content

Menu opening animation only 60 fps #4230

@ondrejnedoma

Description

@ondrejnedoma

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions