react-native-bottom-sheet
react-native-scroll-bottom-sheet
Our great sponsors
react-native-bottom-sheet | react-native-scroll-bottom-sheet | |
---|---|---|
55 | 1 | |
6,020 | 1,519 | |
- | - | |
7.0 | 0.0 | |
6 days ago | about 1 year 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
react-native-scroll-bottom-sheet
-
Reanimated V2 Bottom Sheet library Iām working on, put your feature requests in the comments!
At this moment I am using fork of https://github.com/rgommezz/react-native-scroll-bottom-sheet. It is great, but implemented with reanimated v1, so customization is difficult.
What are some alternatives?
react-native-reanimated-bottom-sheet - Highly configurable bottom sheet component made with react-native-reanimated and react-native-gesture-handler
react-native-modal - An enhanced, animated, customizable Modal for React Native.
react-spring-bottom-sheet - Accessible āæļø, Delightful āØ, & Fast š
react-native-elements - Cross-Platform React Native UI Toolkit
react-native-portal - A simplified portal implementation for āļø React Native & Web āļø.
kittenTricks - React Native starter kit with over 40 screens and modern Light and Dark theme for creating stunning cross-platform mobile applications.
react-native-webview - React Native Cross-Platform WebView
react-native-shadow-2 - Cross-platform shadow for React Native. Supports Android, iOS, Web, and Expo
rn-swipeable-panel - Zero dependency swipeable bottom panel for React Native š±
panes - šš± Create dynamic modals, cards, panes for your applications in few steps. One instance ā Thousands solutions. Any framework and free.
NativeScript - ā” Empowering JavaScript with native platform APIs. āØ Best of all worlds (TypeScript, Swift, Objective C, Kotlin, Java). Use what you love ā¤ļø Angular, Capacitor, Ionic, React, Solid, Svelte, Vue with: iOS (UIKit, SwiftUI), Android (View, Jetpack Compose), Dart (Flutter) and you name it compatible.