Just recently found a very interesting component, and we share.
This is a library of animations, produced by Airbnb, yeah, the same Airbnb that announced it was giving up React Native, which embarrassed me as an RN APP. But the library is very useful, and it’s called Lottie, which is just a name, but I don’t know what that means, so I guess Airbnb’s designer is Lottie.
This thing was originally for Android/ios, and Airbnb specifically made an RN version of it, but it’s essentially native, so it’s pretty much the same. In fact, the process is very simple, using AE animation, using the BodyMovin plugin to export the animation into JSON, Lottie will parse the JSON and render. Take a look at the official example:
The effect is still pretty good, it is also very simple to use, specific can go to see the official document.
Address: github.com/react-commu…
Okay, so the question is, what’s a straight programmer who doesn’t know anything about design? Where can I get a designer to do this? What if I could find a designer who would help with animation? Are you still looking down on me like I’m gay?
As an open source component, in the spirit of open source, there are always designers willing to share their designs. So, keep in mind that this site is not necessarily useful
Address: www.lottiefiles.com/
Sure, the designer may not have the color you want, but you can’t change the JSON file yet. It doesn’t matter, remember this address, you can change the color as you like.
Address: bodymovin-editor.firebaseapp.com/
Finally, in accordance with the principle of practice, I made a Toast component and put it on my Github. If you are interested, please check it out
Address: github.com/GZY6173/Yag…
Finally, welcome to pay attention to me ~
