React Native Bottom Sheet
A performant interactive bottom sheet with fully configurable options ๐
Features
- 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 & v2.
- Compatible with
Expo
. - Accessibility support.
- Written in
TypeScript
.
Installation
yarn add @gorhom/bottom-sheet@^4
Dependencies
This library needs these dependencies to be installed in your project before you can use it:
yarn add react-native-reanimated react-native-gesture-handler
Using Expo?
expo install react-native-reanimated react-native-gesture-handler
info
React Native Gesture Handler needs extra steps to finalize its installation, please follow their installation instructions. Please make sure to wrap your App with GestureHandlerRootView
when you've upgraded to React Native Gesture Handler ^2.
React Native Reanimated v2 needs extra steps to finalize its installation, please follow their installation instructions.
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.