Skip to content

gorhom/react-native-bottom-sheet

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

React Native Bottom Sheet

Reanimated v3 version Reanimated v2 version Reanimated v1 version
license npm runs with expo
NPM Downloads

A performant interactive bottom sheet with fully configurable options ๐Ÿš€

React Native Bottom Sheet


Features

  • โญ๏ธ Support React Native Web, read more.
  • โญ๏ธ Dynamic Sizing, read more.
  • โญ๏ธ Support FlashList, read more.
  • 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-3.
  • Compatible with Expo.
  • Accessibility support.
  • Written in TypeScript.
  • Read more.

Getting Started

Check out the documentation website.

Versioning

This library been written in 3 versions of Reanimated, and kept all implementation in separate branches:

  • v5 | branch | changelog : written with Reanimated v3 & Gesture Handler v2.

  • v4 (not maintained) | branch | changelog : written with Reanimated v2.

  • v2 (not maintained) | branch | changelog : written with Reanimated v1 & compatible with Reanimated v2.

I highly recommend to use v5 which provides more stability with all latest features.

Author

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.

License

MIT


Mo Gorhom Mo Gorhom