Skip to main content
Version: v4 (Reanimated v2)

React Native Bottom Sheet

version npm npm runs with expo

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 v2 & v3.
  • 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?

npx 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.

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.

Built With ❤️​