Skip to main content

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.
  • Support FlatList, SectionList, ScrollView & View scrolling interactions, read more.
  • Support React Navigation Integration, read more.
  • Compatible with Reanimated v1.
  • Compatible with Expo.
  • Accessibility support.
  • Written in TypeScript.

Installation​

This version is written with Reanimated v1 & compatible with Reanimated v2:

yarn add @gorhom/bottom-sheet@^2

Dependencies​

This library needs these dependencies to be installed in your project before you can use it:

yarn add react-native-reanimated@^1 react-native-gesture-handler
info

React Native Gesture Handler needs extra steps to finalize its installation, please follow their installation instructions.

React Native Reanimated v1 needs extra steps to finalize its installation, please follow their installation instructions.

Built With ❤️​

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.