在Flutter应用中，导航栏切换页面后默认情况下会丢失原页面状态，即每次进入页面时都会重新初始化状态，如果在initState中打印日志，会发现每次进入时都会输出，显然这样增加了额外的开销，并且带来了不好的用户体验。 在通过flutter create生成的项目模板中,我们先…

一般程序员都会了解，类似于 IO、网络请求等都应该是异步的。 在Dart中，我们使用 Future 来管理，这样就不用担心线程或者死锁的问题。 为此，Flutter 推出 FutureBuilder。 翻译过来说就是 FutureBuilder 是基于 Future 快照来构建…

本视频为 Google Flutter 团队的软件工程师 Xiao Yu 在 2018 谷歌开发者大会做的演讲，演讲题目是《Flutter 的性能测试和理论》。 这个视频里将会通过近半个小时的视频和演示带大家了解 Flutter 应用渲染时的时间消耗，了解这些之后会更好的帮助开…

可以看到，右边溢出部分报错，这是因为Row默认只有一行，如果超出屏幕不会折行，我们把超出屏幕显示范围会自动折行的布局称为流式布局。Flutter中通过Wrap和Flow来支持流式布局，将上例中的Row换成Wrap后溢出部分则会自动折行，下面我们分别介绍一下Wrap和Flow。 …

导致的原因就是在水平或者垂直方向上的内容超过了父部件的大小。一般来说我们的页面不存在这样的问题，因为根据页面的设计，事先可以预料到是否超出。不过要注意到有输入法弹出的页面。比如我下面的这个例子： 可以看到底部溢出了22个像素，可能在18：9的手机以上不太会出现这种问题，因为屏幕…

在使用 Flutter 的时候，我们都知道从一个路由跳转到另一个这件事非常简单。我们只需要做 push 和 pop 的操作即可。 就这么简单。但是这样做，路由跳转就是无聊的页面切换，完全没有动画效果 😦 当我们在 Winkl 开始第一次应用动画效果，我们意识到，页面跳转的过渡…

很久之前，在我们的QQ群里有位朋友一直想让我出个[Provider](https://github.com/rrousselGit/provider)教程，但是我一直没有允诺。因为我觉得如果写入门级的教程，已经有官方文档了，已经有人写了，如果要深入一些呢，我又不会。但最近不太一…

在某些需求下，我们需要获取Widget的大小或位置信息。但Widget对象本身没有大小及位置数据，那么想要拿到Widget的大小及位置信息，就需要通过与Widget对象相关联的RenderBox对象来获取。 下面就开始来获取Widget的大小与位置。 要想获取RenderBox…

Flutter中的Flex布局和Web的CSS中的Flex布局类似。 在Flutter 中用于控制Flex布局的有Row，Column，Expanded，Flexible，Spacer，Flex这些控件。 子元素children的排列方式由这两个属性决定textDirectio…