react-native-actions-sheet icon indicating copy to clipboard operation
react-native-actions-sheet copied to clipboard

iOS action sheet animation FPS issue

Open wangwailok opened this issue 5 months ago • 2 comments

I'm working on a React Native app and encountering a performance issue with the Action Sheet. I’m using react-native-action-sheet to display an action sheet, but its frame rate (FPS) is noticeably lower than 120 FPS. In contrast, I have a custom pink component built with react-native-reanimated that consistently achieves 120 FPS. I've attached my package.json below for reference.

"react-native-actions-sheet": "^0.9.7", "react-native": "0.79.2", "expo": "~53.0.9", "react-native-reanimated": "~3.17.4",

Issue: Why is the react-native-action-sheet not reaching 120 FPS? How can I optimize it to match the 120 FPS performance of my reanimated component?

Steps to Reproduce: Set up an action sheet using react-native-action-sheet. Add a custom pink reanimated component on the same screen.

Expected Behavior: The action sheet should perform at 120 FPS, similar to the reanimated component.

Current Behavior: The action sheet FPS is much lower than 120 FPS(like 60 fps?), while the reanimated component runs smoothly at 120 FPS.

https://github.com/user-attachments/assets/3d621580-0484-41f7-b0bf-60d94f49e930

wangwailok avatar May 30 '25 23:05 wangwailok