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 React Native Web ๐ฅ
- 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. - Accessibility support.
- Written in
TypeScript
.
Installationโ
yarn add @gorhom/bottom-sheet@^5
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?
npx expo install react-native-reanimated react-native-gesture-handler
React Native Gesture Handler v3 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 ^3.
React Native Reanimated v3 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.