Skip to main content

React Native Bottom Sheet#

Reanimated v1 version Reanimated v2 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.
  • 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#

This library provides two versions that are align with Reanimated v1 & v2

Version 2#

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.

Version 3#

This version is written with Reanimated v2 and CAN NOT RUN with Reanimated v1:

yarn add @gorhom/bottom-sheet@^3

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
info

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

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

Built With โค๏ธ#

Liked the library? ๐Ÿ˜‡#

Buy Me A Coffee