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 v3 and v4.
• 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.

React Native Reanimated 4 Support

This fork adds full support for react-native-reanimated v4. When using Reanimated 4:

• New Architecture is required — Reanimated 4 only supports the New Architecture
• react-native-worklets dependency is required — install it alongside react-native-reanimated
• The library uses scheduleOnRN and scheduleOnUI from react-native-worklets instead of the deprecated runOnJS and runOnUI
• The babel plugin has been updated to use react-native-worklets/plugin

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

---