react-native-bottom-sheet
react-native-reanimated-bottom-sheet
Our great sponsors
react-native-bottom-sheet | react-native-reanimated-bottom-sheet | |
---|---|---|
55 | 11 | |
6,020 | 3,296 | |
- | - | |
7.0 | 0.0 | |
3 days ago | over 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-reanimated-bottom-sheet
-
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.
- How do I implement this gesture transition with React Navigation so that my app can support opening links
- How do you show scroll view panel at half open, then user can open or close, yelp search style
-
How to achieve the bounce spring motion like these bottom-sheets? what should the spring animation config?
I used reanimated-bottom-sheet and config'ed the spring animation variables to make it happen. But maybe will give modalize library a chance to see if it may achieve better performance later
-
Most performant modal/bottom sheet library?
https://github.com/osdnk/react-native-reanimated-bottom-sheet (this needs reanimated as a peer dependency btw)
- Need to build a draggable scroll view in react native similar to the transition in Gpay app. Once the user drags the bottom sheet down to a certain display points a new screen ( payment/scan ) should appear. Any guidance or approach on how to implement this?
-
react-native-reanimated-bottom-sheet not working on simulator iOS?
Currently running into a problem using react-native-reanimated-bottom-sheet, I've got the sheet working when I run it on expo on my actual device, when I click a button it appear and I can swipe down to close it. However when I'm running it on the simulator I'm unable to swipe down to dismiss, has anyone else had this problem and if anyone has a possible fix I could try that would be great!
- How do I create a modal that can be moved up and down like this. I found modalize is that a good option?
-
Can someone suggest me the library for achieving this type of filter in react native..? I'm stuck in my project, i have to complete it as soon as possible, help me out plz..
There’s no library that I know of that will get you this exact view, but the bottom drawer can be done with a library like this: https://github.com/osdnk/react-native-reanimated-bottom-sheet, I use that in my app and it works well, there are others out there too. “React native reanimated bottom drawer / sheet”
- Does anyone know what component or library has been used here? It's the popup/overlay that opens in the Reddit app, after clicking on 'Settings' in the drawer menu.
What are some alternatives?
react-spring-bottom-sheet - Accessible ♿️, Delightful ✨, & Fast 🚀
react-native-draggable-view - DraggableView is a component for react-native, it allows you have a vertical draggable drawer view that you can drag up or drag down. So, if you drag and release that component, then it keeps moving until reach either initial position or container border.
react-native-portal - A simplified portal implementation for ⭕️ React Native & Web ⭕️.
react-native-modalfy - 🥞 Modal citizen of React Native.
react-native-webview - React Native Cross-Platform WebView
react-native-slack-bottom-sheet - React Native Binding for PanModal by SlackHQ
rn-swipeable-panel - Zero dependency swipeable bottom panel for React Native 📱
breffy-react-native-bottom-sheet - Blazingly performant interactive bottom sheet with snap points support powered by Reanimated 2 :star2: :tada:
panes - 🎉📱 Create dynamic modals, cards, panes for your applications in few steps. One instance – Thousands solutions. Any framework and free.
rainbow - 🌈‒ the Ethereum wallet that lives in your pocket
react-native-track-player - A fully fledged audio module created for music apps. Provides audio playback, external media controls, background mode and more!
react-navigation - Routing and navigation for your React Native apps