TypeScript MIT

react-native-bottom-sheet

A performant interactive bottom sheet with fully configurable options 🚀

G

gorhom

Dernière activité 9 mai 2026
gorhom/react-native-bottom-sheet

9,1 k

étoiles

959

forks

76

issues ouvertes

bottom-sheetbottomsheetmodalreact-nativereanimatedsheet

Ce README est souvent en anglais.

React Native Bottom Sheet

Reanimated v3 version Reanimated v2 version Reanimated v1 version
license npm runs with expo
NPM Downloads

A performant interactive bottom sheet with fully configurable options 🚀

React Native Bottom Sheet


Features

  • ⭐️ Support React Native Web, read more.
  • ⭐️ Dynamic Sizing, read more.
  • ⭐️ Support FlashList, read more.
  • Modal presentation view, Bottom Sheet Modal.
  • Smooth gesture interactions & snapping animations.
  • Seamless keyboard handling for iOS & Android.
  • Support pull to refresh for scrollables.
  • Support FlatList, SectionList, ScrollView & View scrolling interactions, read more.
  • Support React Navigation Integration, read more.
  • Compatible with Reanimated v1-3.
  • Compatible with Expo.
  • Accessibility support.
  • Written in TypeScript.
  • Read more.

Getting Started

Check out the documentation website.

Versioning

This library been written in 3 versions of Reanimated, and kept all implementation in separate branches:

  • v5 | branch | changelog : written with Reanimated v3 & Gesture Handler v2.

  • v4 (not maintained) | branch | changelog : written with Reanimated v2.

  • v2 (not maintained) | branch | changelog : written with Reanimated v1 & compatible with Reanimated v2.

I highly recommend to use v5 which provides more stability with all latest features.

Author

To keep this library maintained and up-to-date please consider sponsoring it on GitHub. Or if you are looking for a private support or help in customizing the experience, then reach out to me on Twitter @gorhom.

License

MIT


Mo Gorhom Mo Gorhom

Projets similaires

The true native bottom sheet experience 💩

TypeScriptandroidbottom-sheetios
Llodev09
2,1 k étoiles106

The tiny 📦, smart 😎, and flexible 🎗 bottom sheet your app craves

TypeScriptbottom-sheetsbottomsheetbottomsheet-android
Sstanleyugwu
371 étoiles14

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

TypeScriptactionaction-sheetactionsheet
Aammarahm-ed
2,2 k étoiles155