I'm sorry, I forgot to wrap the main component with the GestureHandlerRootView (needed for Android otherwise it won't work). Of course I fixed it in the GitHub repo 🐢
Your videos have always made React native animation easier for me. Funny how this animation is the next on my animation task list. I would just added the part where the circles snap into the close icon at the bottom of the screen. Thanks for your videos 😊
I wonder .. by that way, is it possible make animated placement some items. For example you we have a old school phone image on the screen and numbers around it coming with rotation animation and place them to their places.
Hey, I was playing with RNGH 2 and was creating a bottom sheet, the problem I'm having is when I scroll the component it works fine but when I keep my finger on one point for longer period the component starts shaking up and down. Any idea why?
That's quite strange, what callbacks are you using to handle the BottomSheet? By the way, although you probably already know it, check out this package github.com/gorhom/react-native-bottom-sheet
@@Reactiive appreciate the reply man. I'm not using any callbacks for now, just toggling the bottom sheet inside a modal, trying to create something like Facebook used to do with comments, once the use scrolls down the bottom-sheet it closes when its halfway down. I know about this library but its fun to create it by yourself you know.
I'm going crazy, I'm trying to handle up to 10 fingers on the screen, they need to get a dot under them while they're on the screen and animate in, during and out. And I can't figure out how to even do multiple fingers.
Hi! Have you encountered a rendering bug on Andriod, when using entering props ? Example: I have an flat list (data = array of todo items) FlatList is rendering an Animated.View from reanimated 2, and sending entering props (e.g ...) and when I'm deleting an item of list, i have a rendering bug - the new state is rendering on top of the old one (
Hi mud, thanks for your question. If the purpose is to make a spring animation, you can definitely avoid the useDerivedValue hook. In this specific example I use it in order to create the "follow" effect. In the example you can see how I'm able to create the "follow" effect by using the output of the derived values. Let me know if this make sense to you 😁
I'm sorry, I forgot to wrap the main component with the GestureHandlerRootView (needed for Android otherwise it won't work). Of course I fixed it in the GitHub repo 🐢
Thanks .
Nice tutorial, good introduction to gesture handler and reanimated!
Just want to say thanks, i have been trying to learn animations from long time.
Great tutorial. Thank you very much
Thanks for the video. I was wondering how to get the context, I didn't know that we have to create it by ourself. Thanks a lot
Hi Jay, glad you liked it 😁
Awesome video very nice and simple explanation
Very grateful for this content. Thank you.
Your videos have always made React native animation easier for me. Funny how this animation is the next on my animation task list.
I would just added the part where the circles snap into the close icon at the bottom of the screen.
Thanks for your videos 😊
Hi Cremirdevio, thanks for your feedback. I'm glad you find it helpful 🌟
Stunning explanation! Thanks😎
Wonderful tutorial! 👏👏
Great tutorial, thank you!
awesome thanks
this is really good thanks
please keep on starting with a scratch project. Good job
Hi Rami, thanks a lot for the feedback. I will always try to make the context of the animations understandable 😁
How can I ignore the gesture detector when clicking buttons within the view?
gracias, es un excelente video
I wonder .. by that way, is it possible make animated placement some items. For example you we have a old school phone image on the screen and numbers around it coming with rotation animation and place them to their places.
Hi Bayram, are you looking for something like that ua-cam.com/video/Th6WxfhZsAM/v-deo.html ?
@@Reactiive yes i know that one but your solutions seemes easier to me
Great !!!
thanks boss
Why we need useDerivedValue? I just read some references but still confuse
Thank u for this amazing Video . Can you make more videos about rngh2 cause there is no content on UA-cam about it just this one may be
Hey, I was playing with RNGH 2 and was creating a bottom sheet, the problem I'm having is when I scroll the component it works fine but when I keep my finger on one point for longer period the component starts shaking up and down. Any idea why?
That's quite strange, what callbacks are you using to handle the BottomSheet? By the way, although you probably already know it, check out this package github.com/gorhom/react-native-bottom-sheet
@@Reactiive appreciate the reply man. I'm not using any callbacks for now, just toggling the bottom sheet inside a modal, trying to create something like Facebook used to do with comments, once the use scrolls down the bottom-sheet it closes when its halfway down. I know about this library but its fun to create it by yourself you know.
please make video on collapsable tool bar in react native
how to access the numberOfTaps function from GestureDetector?
W tutorial
I'm going crazy, I'm trying to handle up to 10 fingers on the screen, they need to get a dot under them while they're on the screen and animate in, during and out. And I can't figure out how to even do multiple fingers.
Hi! Have you encountered a rendering bug on Andriod, when using entering props ?
Example: I have an flat list (data = array of todo items)
FlatList is rendering an Animated.View from reanimated 2, and sending entering props (e.g ...)
and when I'm deleting an item of list, i have a rendering bug - the new state is rendering on top of the old one (
Hi, to be honest I've encountered the same bug but I didn't fix it properly (I've used a ScrollView instead 🙄)
What Vscode theme is he using?? Anyone
Do you need to use useDerivedValue? Can you not just wrap the shared value with a withSpring in the useAnimatedStyle?
Hi mud, thanks for your question. If the purpose is to make a spring animation, you can definitely avoid the useDerivedValue hook. In this specific example I use it in order to create the "follow" effect. In the example you can see how I'm able to create the "follow" effect by using the output of the derived values. Let me know if this make sense to you 😁
how to set inner shadow in react native
Imagine TranslateZ ☠️