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

前阵子有同学反馈Flutter中的http请求无法通过fiddler抓包，作者喜欢使用Charles抓包工具，于是抽时间写了个小demo测试了一下，结论是在手机上设置代理，Charles确实抓不到请求数据包。于是对该问题进行了分析： 为什么http请求没有通过wifi走代理呢，…

谷歌大会之后，有不少人咨询了我 Flutter 相关的问题，其中有不少是和面试相关的，如今一些招聘上也开始罗列 Flutter 相关要求，最后想了想还是写一期总结吧，也算是 Flutter 的阶段复习。 本篇主要是知识点总结，如有疑问可点击各文章链接了解详情，或者查阅我 掘金专…

保证没有红色的叉。 启动手机或者模拟器（Android系统大于16），开启USB 调试模式，不同手机开启方法略有不同，以华为手机为例：进入设置->系统->关于手机，快速连续点击版本号5次，提示打开开发者模式，返回设置，此时会出现开发人员选项菜单，进入，打开开发人员选项和USB …

上一节撸了个界面，虽然比较简单，但是把前面讲的知识串联了下，但是界面之间的跳转一直没说，这节就讲下 Flutter 中的「路由」来管理界面。 Flutter 通过 Navigator 来进行页面之间的跳转，分为 push 系列和 pop 系列操作，带 push 方法为入栈操作，…

最近学习了Flutter的一些控件使用，然后在Github上面看见了一个挺漂亮的登录界面，于是就用Flutter自己模仿地实现了一下。原作者做得比较好看，不过只是单纯实现界面。所以自己加了些东西，比如Key的使用和InheritedWidget的使用。 下面是一些总结，如果有说…

要想Flutter的错误页面显示成自定义的页面，只要设置ErrorWidget的builder就行。 ErrorWidget的源码在framework.dart的3581行-3630行，很简单，ErrorWidget的构造函数的参数是exception的对象，然后返回一个内容是…

流畅的用户体验一直是每一位开发者的不断追求，为了让自己的应用是否能给用户带来持续的高帧率渲染体验，我们自然想要极力避免发生 jank（卡顿，不流畅）。 本文将会解释为什么即使在 Flutter 高性能的渲染能力下，应用还是可能会出现 jank，以及我们应该如何处理这些情况。这是…

1. 动画四要素 动画在各个平台的实现原理都基本相同，是在一段时间内一系列连续变化画面的帧构成的。在 Flutter 中，动画的过程又被量化成一段值区间，我们可以利用这些值设置控件的各个属性来实现动画，其内部由四个关键的部分来实现这一过程。 tweens 可为动画提供起始值和结…