npm install @gorhom/bottom-sheet

React Native Bottom Sheet

![Reanimated v3 version](https://www.npmjs.com/package/@gorhom/bottom-sheet) ![Reanimated v2 version](https://www.npmjs.com/package/@gorhom/bottom-sheet) ![Reanimated v1 version](https://www.npmjs.com/package/@gorhom/bottom-sheet)

![license](https://www.npmjs.com/package/@gorhom/bottom-sheet) ![npm](https://www.npmjs.com/package/@gorhom/bottom-sheet) ![runs with expo](https://expo.io/)
!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

- Mo Gorhom

Sponsor & Support

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.