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