Skip to content

iOS action sheet animation FPS issue #436

@wangwailok

Description

@wangwailok

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

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions