Like Animation with Lottie [React Native]
Вставка
- Опубліковано 28 вер 2024
- In this video we'll learn how to replace a state change for a liked/unliked stated with a Lottie animation.
Lottie: github.com/lot...
Code: github.com/Rea...
Animation: lottiefiles.co...
The best React Native animation video i ever seen
Awesome! exactly what I was looking for
Bhai Kamaal kr diya yaar tune.
As always, clean and structured code. I learned something new. I didn't know before that you can play certain frames. Thumbs up!
Happy to help!
Thank you for this expo project, more expo react-native please
Thank You. i really love your clean code.
This is so incredibly helpful. Thank you so much.
Very cool! Is there any way to change the heart color from red to something else? I tried via the lottie editor but could only change some of the layers but not the actual red heart image
I'm not sure. I'm wondering if you would have to use Adobe Illustrator to do that. I've only been able to change the lines around the heart
@@ReactNativeSchool Apparently you can only do it if the source of that file allows you to. I've used another similar file and managed to changed that. I guess depends how flexible designers wants other to change their original design/flow. thanks anyway, this tutorial was really helpful.
Hello sir, can't access Lottie view libraries ,. It shows an error of Uncaught, read only property!
Great video! Very helpful.
Could you please teach us how to implement this in ?
If liked status (e.g: 1 or 0) comes from backend, how to implement array of animation?
How to catch it's separate item?
please help, i got "null is not an object animation.current.play"
Got same error, did you found solution?
Yes, the problem was that i had inside of a render item of a flatlist, i had to create a different file just for the Lottie and then call it wherever I wanted to use it
@@McLovin_JS thank you for response, I will try it out :)
Thank you
Thank you.
thanks
Hi, I did exactly like you but I get error that animation.current.play is null
did you find a solution?
@@FirasKarboul yes I did, I needed to put it inside an external component then it worked
@@MRAdex77 thanks yeah it worked
@@MRAdex77 hi, im having the same problem and can you elaborate how to put it inside an external component?
awesome very helpfull
Sir please make an fully working e-commerce app tutorial pleasee
please make regular video
pretty clean, thank you!
great video❤
Great tutorial, thank you!
This can be implemented on React Native project, or only is for an Expo project?
It will absolutely work in a React Native project - you just need to follow the slightly different install steps.
@@ReactNativeSchool awesome!
any tip with detox + lottie setup? because detox have problems when a lottie animation is looping
thank you really much
thank you,really beautiful package
thankyou so much, u saved me
Thank you
pls help me !!! My app always crash when i import in my function component but when i delete all of Lottie API my project dont have any error. Thank u
Sounds like an installation issue. Are you using the React Native CLI? If so, make sure you're following the install steps: github.com/lottie-react-native/lottie-react-native#installing-react-native--0600
i also using expo for my project with npm :(( I tried creating a new project before but got the same error
I have found some answers on google saying that this error is caused by lottie.json version (its must be 4.x.x ) but in your video I see you still use it at version 5.x.x without problem