npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

react-native-actions-sheet

v11.0.0

Published

A Cross Platform(Android & iOS) ActionSheet with a robust and flexible api, native performance and zero dependency code for react native. Create anything you want inside ActionSheet.

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

ammarahm-edammarahm-ed

Keywords

bottom-animatedreact-nativejavascriptactionsheetandroidiosaction-sheetbottom-sheetbottom-drawerdialogpickermodaldrawerraw-bottom-sheetbottom-app-barreact-native-action-sheetreactnativeactionsheetbottomsheet

Readme

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 useSheetScrollable for custom Animated lists.
  • SheetGestureBlocker to keep the sheet still while interacting with sliders, maps, WebViews and other gesture-heavy views.
  • useSheetPosition and onChangeWorklet to 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