react reactnative转场动画 有动画属性吗

来源：蜘蛛抓取(WebSpider) 时间：2017-10-22 04:12 标签： reactnative转场动画


2：目录结构（利用官方脚手架进荇删减）



2：style.css（其它文件保持不变）

正好最近发现一个很好玩的组件就和大家分享一下。

这是一个动画库由Airbnb产品，对就是那个宣布放弃使用React reactnative转场动画的Airbnb，这让我一个用RN做APP的很是尴尬但是这个动画库還是很好用的，名字叫Lottie反正就是个名字，也不知道什么意思估计Airbnb的设计师叫Lottie吧。

这个东西本来是用在Android/ios的Airbnb还特意做了个RN版本，不过本質上也是用的原生所以差不多。其实流程很简单就是用AE做出动画，用bodymovin插件把动画导出成jsonLottie会解析这个json并且渲染出来。看个官方的例子吧：

效果还是蛮不错的使用起来也很简单，具体可以去看官方文档

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

作为一个开源的組件秉持着开源的精神，总有设计师们愿意分享自己的设计所以，记住这个网站不一定有用~

当然，也许设计师做出来的东西的颜色鈈如你意但那个json文件你还不会改，没关系记住这个地址，你可以随便改颜色

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

最后的最后欢迎关注我~

我试图有条件地动画组件的旋转但是，我所有将它旋转回原位的尝试都失败了它将首先旋转90度，但不会回转这里是组件的代码：

我要回帖

更多关于 reactnative转场动画 的文章

 

随机推荐