react-native-bottom-sheet
panes
Our great sponsors
| react-native-bottom-sheet | panes | |
|---|---|---|
| 55 | 7 | |
| 6,020 | 655 | |
| - | 0.8% | |
| 7.0 | 7.3 | |
| 7 days ago | 4 months ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-native-bottom-sheet
-
Bottom Sheet haptic feedback on drag
I'm using https://github.com/gorhom/react-native-bottom-sheet, and they provide the gestureEventsHandlersHook prop to pass a custom hook, but I haven't found any code snippet on how to actually use this prop correctly.
-
Bottom Sheet Libraries that work with Reanimated V3
We are trying to upgrade our React-Native version to 0.72+ (to comply with the Android minimum API version). Reanimated v2 is giving us an error, but Reanimated v3 works. However, the bottom sheet package we use react-native-reanimated-bottom-sheet and the alternative suggested react-native-bottom-sheet.
- What is this type of navigation called?
- What is the technical term for this kind of modal so I can google for it?
-
Bottom sheet in react navigation
https://github.com/gorhom/react-native-bottom-sheet this package can help. It has support for navigation.
-
How can I get this kind of navigation bar? (Todoist)
Looks like https://github.com/gorhom/react-native-bottom-sheet with a 95% snap point
-
How can I use a modal component and be able to touch area outside it like in video
I think thats a bottom sheet
- I need help implementing bottom navigation using the attached images
-
What is this pop-up called? It is similar to bottom drawer but it is non-persistent. Do you have any library suggestions?
It is called bottom sheet. https://github.com/gorhom/react-native-bottom-sheet
- How create bottom modal scrollable in RN
panes
- Next-Generation Interface components for your apps (Open-Source and Free)
- Next-Generation Interface components for your apps
- Panes and boards for modern progressive applications
- Apple-Stocks like panels and boards with JavaScript
- Cupertino - Pane — Panes and Boards for progressive applications
- Cupertino-Pane - Multi-Functional panes and board for modern progressive applications
- Multi-functional Panes & Boards
What are some alternatives?
react-native-reanimated-bottom-sheet - Highly configurable bottom sheet component made with react-native-reanimated and react-native-gesture-handler
interact.js - JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)
react-spring-bottom-sheet - Accessible ♿️, Delightful ✨, & Fast 🚀
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
react-native-portal - A simplified portal implementation for ⭕️ React Native & Web ⭕️.
react-native-webview - React Native Cross-Platform WebView
ionic - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript. [Moved to: https://github.com/ionic-team/ionic-framework]
rn-swipeable-panel - Zero dependency swipeable bottom panel for React Native 📱
generator-ngx-rocket - :rocket: Extensible Angular 14+ enterprise-grade project generator
react-native-track-player - A fully fledged audio module created for music apps. Provides audio playback, external media controls, background mode and more!
kubenav - kubenav is the navigator for your Kubernetes clusters right in your pocket.