计算出这两个rect在动画进度0-1过程中的中间态的rect尺寸，赋值给每一个卡片，这样卡片就有中间状态的外观了。 当tab已经是打开的，就判断点击的位置，在tab栏的左侧，就往左翻页，反之亦然。

前一天学习了Flutter基本控件和基本布局，我是觉得蛮有意思的。作为前端开发者，如何开发出好看，用户体验好的界面尤其重要。今天学习的方向主要有三： 加深布局的熟练度。 学习手势，页面跳转交互。 学习动画。 因为我是从事Android开发，学习了Flutter之后，发现其布局和…

App Store可以说是苹果业内设计的标杆了。 我们就来简单的实现一下 App Store的首页里其中的一个小功能。 在点击这个卡片的时候会缩放，松开或者滑动的时候会回弹回去。 跳新页面的时候有元素共享。 在Flutter中的手势事件分为两层。 第一层有原始指针事件，它描述了…

Fluro作为 一个Flutter的 企业级的路由框架 ，确实不错，可以解决多变的需求情况 ，是时候搞一波了。 我看了官方的demo，写的有点乱（反正我是这样感觉的，老外的代码总是有点抽象），顺便扩展一下传参的问题和使用 Flutter 的 cupertino 转场动画。写了一…

做这个按钮的起因是，产品突然说要改一下点赞效果，像下面这样。 但是我心中的审美不是这样的，不可以，坚决不行。 想起来群花拉面写过一个用Flutter实现一个仿Twitter的点赞效果. 站在大佬们的肩膀 jd-alexander and 吉原拉面 ，把代码魔改了一下，开源真香，…

在这一篇文章中，我们首先介绍手势事件的处理和页面跳转的基础知识，然后通过实现一个 echo 客户端的前端页面来加强学习；最后我们再学习内置的动画 Widget 以及如何自定义动画效果。 这里要说明的是，onVerticalXXX/onHorizontalXXX 和 onPanX…

App 流畅性的关键指标有 UI帧率，GPU帧率，我们期望它能达到 60fps，也就是16ms每帧。 为了获取最接近生产环境的数据，我们应该选择一台尽可能低端的真机，并且以 profile 模式或者 release 模式下运行app。 那么检测帧率有哪些方法呢？Flutter …

一般我们的页面跳转都会涉及到路由，路由就是从一个页面跳转到另一个页面的过程，就比如Android中的Activity或IOS中的ViewController的跳转。 在Flutter中所以的路由都使用Navigator来进行管理的，换句话说它就是让这些本来相对独立的个体形成一个…

在看Flutter Live的时候，Flare演示看起来很牛逼，而且挺好玩的（对于一个不会设计的程序猿），所以就撸了个demo玩玩。 在Flutter Live,2Dimensions宣布即将推出Flare，这是一款非凡的新工具，可供设计师创建矢量动画，可直接嵌入到Flutte…