Flutter笔记

在 Flutter 当中，最重要的就是 Widget 测试。 Widget 测试是类似于单元测试的一种，在测试中添加交互，例如：滚动、点击等，然后对结果进行验证。 直接右键 test 文件夹，点击 Run tests in test。 会提示测试未通过，并且告诉你是在哪行报的错…

七天之内不能有重复的菜出现。 我们逐个功能来看，首先看一下首页随机选菜。 该数据为个人所有会做的菜品，并且自己分类为 荤菜 还是 素菜。 每次打开APP的时候先判断一下是否有缓存，如果有缓存则用缓存，没有则存入。 那这个时候肯定不能用 setState()，因为 setStat…

如有不懂怎么用的，可以看这篇文章：Flutter DropdownButton简单使用及魔改源码。 下面重点说一下 DropdownButton 是如何实现的。 带着如上问题，我们开始。 我们在上一篇文章中已经了解到，DropdownButton 是一个 statefulWid…

不知道有没有小伙伴们关注过GitHub的帮助文档，近日，GitHub官方中文帮助文档已经上线！官方帮助文档地址：https://help.github.com/cn官方帮助文档地址：https://h

前面讲过 ExpansionPanel， ExpansionPanel大部分情况用来实现展开列表等稍微复杂的业务逻辑。 而 DropdownButton 则是用来实现稍微简单一点的 点击选择 业务场景。 没错，不要怀疑，One, Two, Free, Four，这就是官方 de…

如果没看过的可以跳转：Flutter FutureBuilder 异步UI神器. 首先看 FutureBuilder<T> 类。 也就是说 builder 是一个方法，从而在定义builder的时候就要实现这个方法。 后面用命名构造函数来调用私有构造函数返回一个 snapsho…

在实际业务开发过程中，或多或少会遇到树形控件的需求。 类似于这种，Flutter 给我们提供了相当便捷的 UI 组件 ExpansionPanel。 看名字也能看出来，是一个"扩展面板"。 看说明也就能明白了，它不单独使用，只能和 ExpansionPanelList 配合使用…

这一篇文章我们来深入 ScopedModel 源码来看一下它的原理。 从上往下看。 Model 继承了 Listenable，至于为什么，看到后面就了解了。 前两个方法都好理解，增加/删除一个监听。 最主要的逻辑就是把_version++，并消除并发 change 时所可能引发…

在前端开发中，我们经常能听到 redux 等状态管理的词汇。 但是对于我这种搞移动端出身的人，对这些词汇就不是很熟悉。 Flutter 作为借鉴了很多 React 思想的语言，自然也会有相对应的状态管理。 比如我多个页面同时使用了 User 对象，当我其中一个地方改了以后，想要…