You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
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.
WhatsApp.Video.2025-05-31.at.7.22.53.AM.mp4