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

这里的难点在于怎么绘制田字格的虚线。 已经有path_drawing的package解决这个问题，在本例中，直接复制其虚线代码到项目中。

在Flutter中，CustomPaint就像是Android中的Paint一样，可以用它绘制出各种各样的自定义图形。确实，Paint的使用比较复杂，我觉得直接讲API的话也太无聊了，要记住Paint的用法，还是自己动手画一个比较实在。 那为什么是画一个CircleProgre…

状态管理在Flutter中是一个很热的话题。可选的方案有很多，这可能很好，但却很容易陷入其中，在项目中选择最适合方案时感到迷失。我也是，不过我已经找到了适合我的方案，让我来分享给你。 为了找到适合需求的方案，头一件事就是确认需求，然后设置目标和期望。对我而言，我定义了如下： 为…

我们先来看看动画的执行流程。 创建 Ticker 到这儿就完了。 上面的方法应该就是调度屏幕刷新的（如有错误，请指出，谢谢）。 可以看出，notifyListeners() 中有一个 VoidCallback 的集合，然后遍历这个集合，并且执行集合中所有的回调。 将我们传入的回…

废话不多说，先上本次要实现的效果图。 Gif格式是渣像素，实际效果要自然的多。这个项目其实是看到小池记账小程序后实现的一个类似效果，小池比较闪光的一点就是这个主界面的动态高斯模糊效果，不过小池的动态模糊效果就不如Flutter可以做的这么自然流畅了，模糊时还是有肉眼可见的卡顿的…

在flutter中，我们可以通过 AnimationController 及各种 Animation 搭配使用的方式去实现 Widget 的动画。 实现的方式也非常方便，通过flutter内置好的模版代码，在你创建的dart文件中输入 sta 即可创建出基本的动画模版类。 由简…

2019 Google I/O 大会，官方在 Pragmatic State Management in Flutter (Google I/O'19) 主题演讲上正式介绍了 由社区作者 Remi Rousselet 与 Flutter Team 共同编写的 Provider …

最近看到一些刚接触Flutter的同学在进行页面跳转的时候，出现了这个问题。 一眼看上去好像没什么问题，解决方式也很简单，把home部分作为一个新的Widget拆出来就可以了。 但是刚开始遇到这些东西的时候一定是很懵逼的。BuildContext是什么鬼，为什么每次我们需要在b…