gorhom / react-native-bottom-sheet
A performant interactive bottom sheet with fully configurable options 🚀
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing gorhom/react-native-bottom-sheet in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Repository Summary (README)
PreviewReact 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&Viewscrolling interactions, read more. - Support
React NavigationIntegration, read more. - Compatible with
Reanimatedv1-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 withReanimated v3&Gesture Handler v2. -
v4(not maintained) | branch | changelog : written withReanimated v2. -
v2(not maintained) | branch | changelog : written withReanimated v1& compatible withReanimated v2.
I highly recommend to use
v5which 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
<p align="center"> <a href="https://gorhom.dev/#gh-light-mode-only" target="_blank"> <img height="18" alt="Mo Gorhom" src="./mogorhom-light.png"> </a> <a href="https://gorhom.dev/#gh-dark-mode-only" target="_blank"> <img height="18" alt="Mo Gorhom" src="./mogorhom-dark.png"> </a> </p>