React Native的一个动画库lottie

正好最近发现一个很好玩的组件,就和你们分享一下。react

这是一个动画库,由Airbnb产品,对,就是那个宣布放弃使用React Native的Airbnb,这让我一个用RN作APP的非常尴尬。可是这个动画库仍是很好用的,名字叫Lottie,反正就是个名字,也不知道什么意思,估计Airbnb的设计师叫Lottie吧。ios

这个东西原本是用在Android/ios的,Airbnb还特地作了个RN版本,不过本质上也是用的原生,因此差很少。其实流程很简单,就是用AE作出动画,用bodymovin插件把动画导出成json,Lottie会解析这个json而且渲染出来。看个官方的例子吧:git

example

效果仍是蛮不错的,使用起来也很简单,具体能够去看官方文档。程序员

地址:github.com/react-commu…github

好,那么问题来了,一个直男程序员,根本不懂设计,该怎么办?去哪找个设计师帮忙作这个?要是能找到愿意帮忙作动画的设计师,还能没有女友?还用独自一人gay里gay气的望穿秋水吗?json

做为一个开源的组件,秉持着开源的精神,总有设计师们愿意分享本身的设计。因此,记住这个网站,不必定有用~react-native

地址:www.lottiefiles.com/app

固然,也许设计师作出来的东西的颜色不如你意,但那个json文件你还不会改,不要紧,记住这个地址,你能够随便改颜色。动画

地址:bodymovin-editor.firebaseapp.com/网站

最后,秉持着实践出真知的原则,我随手作了个Toast组件,放在了个人github上,有兴趣的童鞋能够去看看,请多指教~

地址:github.com/GZY6173/Yag…

最后的最后,欢迎关注我~

公众号
相关文章
相关标签/搜索