@gorhom/bottom-sheet

React Native Bottom Sheet

A performant interactive bottom sheet with fully configurable options

---

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.

License

MIT

---