@gorhom/bottom-sheet

5.1.2last stable release 1 month ago
Complexity Score
Medium
Open Issues
N/A
Dependent Projects
86
Weekly Downloadsglobal
491,042

License

  • MIT
    • Yesattribution
    • Permissivelinking
    • Permissivedistribution
    • Permissivemodification
    • Nopatent grant
    • Yesprivate use
    • Permissivesublicensing
    • Notrademark grant

Downloads

Readme

React Native Bottom Sheet



A performant interactive bottom sheet with fully configurable options 🚀

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

  • Mo Gorhom

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

Dependencies

Loading dependencies...

CVE IssuesActive
0
Scorecards Score
3.80
Test Coverage
No Data
Follows Semver
Yes
Github Stars
7,664
Dependenciestotal
19
DependenciesOutdated
11
DependenciesDeprecated
1
Threat Modelling
No Data
Repo Audits
No Data

Learn how to distribute @gorhom/bottom-sheet in your own private NPM registry

npm config set registry  https://npm.cloudsmith.com/owner/repo
Processing...
Done
npm install @gorhom/bottom-sheet
Processing...
Done

161 Releases

NPM on Cloudsmith

Getting started with NPM on Cloudsmith is fast and easy.