ammarahm-ed/react-native-actions-sheet
ammarahm-ed/react-native-actions-sheet has 2,202 GitHub stars and 158 forks. GitHot measured 0 stars in 24 hours. Last checked 2026-11-08 21:53 UTC. Last push 2026-11-01.
A Cross Platform(Android, iOS & Web) ActionSheet with a flexible api, native performance for react native. Create anything you want inside ActionSheet.
Measured star growth
- in 24h
- 0
- in 7 days
- Collecting history
- in 15 days
- Collecting history
- in 1 month
- Collecting history
Net star changes over overlapping periods, not daily totals. Missing measurements are left blank. Stars measure attention, not software quality.
README.md
Original
Installation
npm install react-native-actions-sheet
The library depends on react-native-reanimated, react-native-worklets, react-native-gesture-handler and react-native-safe-area-context, so make sure these are installed too:
npm install react-native-reanimated react-native-worklets react-native-gesture-handler react-native-safe-area-context
[!IMPORTANT] v11 requires React Native's New Architecture. If your app is still on the legacy architecture, stay on
react-native-actions-sheet@10.
Check out the installation section of our docs for the detailed installation instructions.
Documentation
Check out our dedicated documentation page for info about this library, it's features, API reference and more: https://rnas.vercel.app
What's new in v11
- Gestures, scroll handling and animations now run on the UI thread, so a busy JS thread no longer stutters the sheet.
- Flick to snap: the sheet carries to the next snap point (or dismisses) based on release velocity.
- Multiple scrollables in one sheet, and
useSheetScrollablefor custom Animated lists. SheetGestureBlockerto keep the sheet still while interacting with sliders, maps, WebViews and other gesture-heavy views.useSheetPositionandonChangeWorkletto drive animations from the sheet's live position.- The backdrop dims as you drag the sheet down (
dimBackdropOnDrag). - Accessibility improvements: modal semantics for screen readers, escape gesture support and an adjustable grabber.
- An official Jest mock, see Testing.
Migrating from v10
v11 requires the New Architecture and makes react-native-worklets a peer dependency. For most apps nothing else changes. Please read through the migration guide and take the necessary steps.
Examples
The source code for the example (showcase) app is under the example/ directory. If you want to play with the ActionSheet but don't feel like trying it on a real app, you can run the example snack.
Consider supporting with a ⭐️ star on GitHub
If you are using the library in one of your projects, consider supporting with a star. It takes a lot of time and effort to keep this maintained and address issues and bugs. Thank you.
MIT Licensed
Explore related projects
freeCodeCamp/freeCodeCamp
freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.
458,780 starsdonnemartin/system-design-primer
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
377,373 starsreact/react
The library for web and native user interfaces.
252,430 starsvuejs/vue
This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
212,632 stars