ammarahm-ed/react-native-actions-sheet
ammarahm-ed/react-native-actions-sheet has 2,201 GitHub stars and 158 forks. GitHot measured 0 stars in 24 hours and 0 in 7 days. Last checked 2026-11-12 16:49 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.
計測したスター増加
- 24時間
- 0
- 7日間
- 0
- 15日間
- 更新が遅れています
- 1か月
- 更新が遅れています
期間ごとの純増数です。期間は重複しており、日別の値ではありません。未計測の値は空欄です。スター数は注目度の指標であり、品質の保証ではありません。
README.md
オリジナル
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
関連プロジェクトを探す
freeCodeCamp/freeCodeCamp
freeCodeCamp.org のオープンソースのコードベースとカリキュラムです。数学、プログラミング、コンピュータサイエンスを無料で学べます。
459,080 スターdonnemartin/system-design-primer
大規模システムの設計を学び、システム設計面接の対策ができます。Anki のフラッシュカードが含まれています。
377,752 スターreact/react
Web とネイティブのユーザーインターフェース向けライブラリ。
252,572 スターvuejs/vue
Vue 2 のリポジトリです。Vue 3 については https://github.com/vuejs/core をご覧ください。
212,526 スター