react-native-reanimated-bottom-sheet
Highly configurable bottom sheet component made with react-native-reanimated and react-native-gesture-handler (by osdnk)
breffy-react-native-bottom-sheet
Blazingly performant interactive bottom sheet with snap points support powered by Reanimated 2 :star2: :tada: (by likern)
Our great sponsors
react-native-reanimated-bottom-sheet | breffy-react-native-bottom-sheet | |
---|---|---|
11 | 1 | |
3,296 | 33 | |
- | - | |
0.0 | 0.0 | |
over 1 year ago | about 1 year ago | |
TypeScript | TypeScript | |
MIT License | Apache License 2.0 |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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-reanimated-bottom-sheet
Posts with mentions or reviews of react-native-reanimated-bottom-sheet.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-08-10.
-
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.
breffy-react-native-bottom-sheet
Posts with mentions or reviews of breffy-react-native-bottom-sheet.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-07-21.
-
Most performant modal/bottom sheet library?
I would find one that works with reanimated V2. Should give good performance: https://github.com/breeffy/react-native-bottom-sheet
What are some alternatives?
When comparing react-native-reanimated-bottom-sheet and breffy-react-native-bottom-sheet you can also consider the following projects:
react-native-bottom-sheet - A performant interactive bottom sheet with fully configurable options 🚀
react-native-modalfy - 🥞 Modal citizen of React Native.
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-slack-bottom-sheet - React Native Binding for PanModal by SlackHQ
rainbow - 🌈‒ the Ethereum wallet that lives in your pocket
react-native-reanimated-bottom-sheet vs react-native-bottom-sheet
breffy-react-native-bottom-sheet vs react-native-modalfy
react-native-reanimated-bottom-sheet vs react-native-draggable-view
breffy-react-native-bottom-sheet vs react-native-bottom-sheet
react-native-reanimated-bottom-sheet vs react-native-modalfy
breffy-react-native-bottom-sheet vs react-native-slack-bottom-sheet
react-native-reanimated-bottom-sheet vs react-native-slack-bottom-sheet
react-native-reanimated-bottom-sheet vs rainbow