The Power of Lottie in React Native ⚛️
In this tutorial, we’ll learn how to handle Lottie Animations in React Native.
In order to do it, we are going to use the "lottie-react-native" package ( https://github.com/lottie-react-nativ... )
My React Native animations course: https://reanimate.dev
Shared 100+ Animations on Demos: https://reactiive.io/demos
Twitter: / reactiive_
Written article: https://reactiive.io/articles/the-pow...
Source code: https://github.com/enzomanuelmangano/...
Resources:
Add Animation https://lottiefiles.com/9788-add-new
Astronaut https://lottiefiles.com/51382-astrona...
Lottie Website: https://airbnb.design/lottie/
LottieFiles: https://lottiefiles.com/
What to do if you want to create the Lottie animation from scratch? • Create Lottie Animations in After Effects ...
Chapters:
00:00 Demo preview
00:54 What is Lottie?
01:47 Introduction
04:05 How to handle the first LottieFile
07:28 A reusable AnimatedWrapper
15:15 The "Add" animation