react-native-bottom-sheet

GitHub

A performant interactive bottom sheet with fully configurable options 🚀

AI Prompts & Endpoints
CodeWiki Knowledge Base

Repository: gorhom/react-native-bottom-sheet


Stars: 8879

README.md

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

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

---

<p align="center">
<a href="https://gorhom.dev/#gh-light-mode-only" target="_blank">
<img height="18" alt="Mo Gorhom" src="./mogorhom-light.png">
</a>
<a href="https://gorhom.dev/#gh-dark-mode-only" target="_blank">
<img height="18" alt="Mo Gorhom" src="./mogorhom-dark.png">
</a>
</p>