I actually did, a few times. I was thinking of getting back to it, but doing it online allows me to reach more people. Thank you for your comment, I am really glad this was helpful to you :)
Like everybody is saying these videos are so good! Never thought this deep about animations because sometimes they just work. But these are great even a year later!
Some people will explain this exact concept in 20+ minutes and I used to think that that's good, the longer the tut, the better it is. but this guy changed my thinking, he can explain the same concept without talking like a robot in a couple of minutes.
I had just started working with the Animated API and I was drowning in the concept of interpolate, but you my friend have literally pulled me out of the deep end. Thank you very much. it is really quite straight forward.
Thank you Nishad, I think most of us are visual people. I tried to keep these lessons as simple as possible, glad it helped you out! Hope to see you around for next videos :)
Thank you for the kind words. You know that this exists because people like you are commenting the videos, so you’re part of this! :) Hope to see you around on the channel
Thanks a lot ! You're an amazing teacher ! Keep it up Also, I was wondering how to reset the animation from start at the end ? I know the you can use callback function in start() at the end with reset() but it says undefined is not a function...
Oh, I think what you're looking for is this: const animation = Animated.timing(value, ...); animation.start(); // and later... animation.reset(); Thank you for commenting, I hope to see you around on the channel :)
@@eveningkid Thank you for your answer. I tried what you said but animation.reset() even if I don't have error anymore is not moving my element to the previous state. If I use .reset() while the animation move it will just stop the animation like it does with animation.stop() P.S : You should consider making a Udemy course on animations. The only one out there is outdated ans based on class components
Oh! I didn't read this right. start() takes a callback so you could do: animation.start(() => animation.reset()) If you want to loop the animation, consider using Animated.loop! You can find a lot more in the documentation reactnative.dev/docs/animated
Hello there, How can I do interpolation with %? When I try I get this error Invariant Violation: Transform with key of "translateX" must be a number: {"translateX":"0%"} This is what I have: Thank you for such a clear video!
Hey Olivier, you can have (if you're using hooks): const dimensions = useWindowDimensions(); ...to get the current width of your screen, then have your output range to be: outputRange: [0, dimensions.width], Percentages are normally matched to pixels, so we're just doing the same thing here :)
@@eveningkid You don't know how long I have been trying to figure this out, and the solution was so simple! I didn't even know about useDimensions(). Thanks so much!
is it possible to remove a component based on interpolation value? lets say i have Animated.View, inside it i have an image and text, when the user scrolling down (i interpolate the y value) when its reach certain value i want the image to be removed and it shows only the text
Danm bro the background music and the calmness in your voice makes it look so classy.
Have you ever worked as a teacher? You, my man, definitely know what you`re doing.
Keep it up :)
I actually did, a few times. I was thinking of getting back to it, but doing it online allows me to reach more people. Thank you for your comment, I am really glad this was helpful to you :)
@@eveningkid It does. Love from South Africa
This is the classiest and cleanest programming tutorial ever made!
Wow the how to animated playlist is superbb💯. Nicest explanation i have seen till now in RUclips for RN animations
Like everybody is saying these videos are so good! Never thought this deep about animations because sometimes they just work. But these are great even a year later!
Great explanation with simple examples, Thank you so much!!
Some people will explain this exact concept in 20+ minutes and I used to think that that's good, the longer the tut, the better it is. but this guy changed my thinking, he can explain the same concept without talking like a robot in a couple of minutes.
The great and wholesome examples. The soothing music. ffs I love this channel.
This means a lot to me, thanks Cory!
You are the BEST teacher, THE BEST, and so underated i wonder why. Keep up the BEST work man! Really appreciated!!!
I never understood the concept of interpolation before watching this video. Thank you bro. You are a great teacher.
I have watched this video before and came back again to watch it. Well explained. Thank you very much :)
This is one of finest playlist to learn Animated. Thank you brother! 😃😃
What the.... never did I see someone put this so simple into small videos. Wow thanks a lot
All I can say is WOW! You are a brilliant Teacher
Thanks so much Mulweli!! Always trying my best :) I’ll see you around I hope!
I had just started working with the Animated API and I was drowning in the concept of interpolate, but you my friend have literally pulled me out of the deep end. Thank you very much. it is really quite straight forward.
I have no words to say on your explaining technique. ❤️ from PK
Wow the way you teach I think every teachers should teach like this.
Thank you Chandan, this means a lot to me! I wish I could teach to more people actually hehe. Glad to have you on the channel :)
I have been struggling to understand exactly how interpolation works, but you my friend have done a good job teaching me. Afooyo (thank you)
This is the really nice explanation. Thank you
i can watch your videos all day >>nice work
💻
Very clean and clear content ! (one of the best i have ever seen)
Bro.. your videos deserves a lot more views, this content is premium level, Thanks a lot for your great work
I have just started learning React Native and your videos are great help on key concepts. Amazing work man !! Kudos to you !!
This is so good! Keep up this, please! Looking forward to the next one.
Thanks a lot for the kind words, it means a lot! Will keep making more :)
I'm really enjoying this playlist. the content is supreme!
thank you. and keep it up.
Amazing! Thanks for this video!
Another perfect one. Looking for next episodes.
Thank you so much! Happy to see you are watching new episodes :)
Love you brother. What a explanation ❤❤❤❤❤❤❤❤❤
Bro, you saved ma life! Had been searching for react - spring lessons, went through the docs, but, this video worked for me, Thanks
Thank you Nishad, I think most of us are visual people. I tried to keep these lessons as simple as possible, glad it helped you out! Hope to see you around for next videos :)
Outstanding!!! :) Would like to see an entire course about animations. You are an excellent teacher
Thank you so much Dan! There are many other videos in this series! If there is anything you'd like to know in particular, please let me know here :)
This is incredibly useful and easy to follow. Well done, man!
Thank you Talal, I appreciate it :)
Mashallah,you explain really well. Keep up the good work
Thanks a lot, means a lot :)
Really well made and explained. Well done!
Thanks a lot Andrew, this really keeps me going! :)
You have great explaining skills you should be hired for explaining all those boring docs in this way!
I wish they would! Thank you Omkar :)
amazing narration :)
How come your channel be not famous bro?This amount of subscriptions doesnt make justicefor your
top quality contents.
This is great! Thanks
i found gold broo, this awesome, keep upload vid, i will watch all.
Thanks a lot Amrel for your nice comment, and best of luck with the series: it's worth your time if you're eager to learn :)
Thanks for this video, really appreciate it
Thanks Rahul, happy it’s been useful :)
Great Job! Waiting for the next one :)
Coming out today! Thank you for the support Denis, I really appreciate it :)
Awesome video wow thanks
Amazing, good chóp. Thank you for sharing your knowledge.
Thank you for the kind words. You know that this exists because people like you are commenting the videos, so you’re part of this! :) Hope to see you around on the channel
You did an amazing work! Keep it up!
Thank you! Anything you’d like to learn? :)
Hey, thanks for this video.
Amazing analogy!
Who doesn't like cookies? That's what I thought!
BEST EXPLANATION EVER MADE
wp
Thank you very much you are so great !!!
Thanks a lot Mohamed, I’m happy this has been helpful :) keep it up
Very good video, keep the good work
Thank you Moy! Will keep making more!
Thank you!! 🔥👏
Nice this is very useful
Excellent :)
Thanks a lot ! You're an amazing teacher ! Keep it up
Also, I was wondering how to reset the animation from start at the end ? I know the you can use callback function in start() at the end with reset() but it says undefined is not a function...
Oh, I think what you're looking for is this:
const animation = Animated.timing(value, ...);
animation.start();
// and later...
animation.reset();
Thank you for commenting, I hope to see you around on the channel :)
@@eveningkid Thank you for your answer. I tried what you said but animation.reset() even if I don't have error anymore is not moving my element to the previous state. If I use .reset() while the animation move it will just stop the animation like it does with animation.stop()
P.S : You should consider making a Udemy course on animations. The only one out there is outdated ans based on class components
Oh! I didn't read this right. start() takes a callback so you could do:
animation.start(() => animation.reset())
If you want to loop the animation, consider using Animated.loop! You can find a lot more in the documentation reactnative.dev/docs/animated
amazing!
Wish I had a like button to interpolate 1 = 1000 haha
amazing tutorial thanks a lot
such an underrated video ......
thank you so so much bro
Hello there, How can I do interpolation with %? When I try I get this error
Invariant Violation: Transform with key of "translateX" must be a number: {"translateX":"0%"}
This is what I have:
Thank you for such a clear video!
Hey Olivier, you can have (if you're using hooks):
const dimensions = useWindowDimensions();
...to get the current width of your screen, then have your output range to be:
outputRange: [0, dimensions.width],
Percentages are normally matched to pixels, so we're just doing the same thing here :)
@@eveningkid You don't know how long I have been trying to figure this out, and the solution was so simple! I didn't even know about useDimensions(). Thanks so much!
This is GOLD
Best Tutorial.
is it possible to remove a component based on interpolation value? lets say i have Animated.View, inside it i have an image and text, when the user scrolling down (i interpolate the y value) when its reach certain value i want the image to be removed and it shows only the text
Yes, what if you interpolate the image opacity?
thank you
hell yea!!! i am the 7k th subscriber!!!!
You are too good 🙂
Thank you Emmanuel :)
i was feeling like watching a movie!
Respect++++++
bro you are the Aquilifer of the 9th legion.
it feels like i'm watching geographic channel
Great tutorial, but have some water bro.