Flutter笔记

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

一般来讲是一个 RecyclerView + 自动换行的 layoutManager + 自定义的background。 当然这个自动换行的LayoutManager 还得自己定义，去算坐标。 那 Flutter 提供给我们很方便的控件 Wrap + Chip，用这两个就能轻松…

现在的UI页面已经离不开动画了，如果没有动画，页面看起来就会很突兀。 对于我们使用最多的Listview，Flutter 当然也给我们封装好了。 由于近期某些不可抗拒的原因，Flutter官网我们是打不开了。 可以看到和普通的没什么区别，那我们再来找一下怎么添加/删除item以…

我们平时在写 Row/Column 的时候，一般会配置一下子widget 的排列方式。 看图了解一下。 可以看到确实如我们刚才所写的一样。 一个小方块在最前面，两个小方块在后面。 可以看到，它其实就是包装了一个 Expanded 的 SizedBox 。 知道了原理以后我们就可…

在搭建 UI 的过程中，经常会出现要求约束宽高比的需求。 为此，Flutter 为我们提供了可以约束宽高比的控件 AspectRatio。 构造函数非常简单，只需要一个 宽高比 和一个 child。 撸码前有个点要注意一下，文档上面说了， 该widget 首先会尝试布局约束所允…

把一个控件从当前位置移动到另一个位置。可能需求最多的就像是支付宝应用页面的编辑： 比如，我想把最近使用的 红包 添加到 我的应用 当中，支付宝这里是用的 + 号。 不慌，Flutter 也为我们提供了相关的 Widget。 Flutter 如果要实现这种效果，那么非 Dragg…

这里每一个圆形都是同一个数据。 Flutter为我们考虑到了。 看名字我们也就能看出来这个控件是干嘛的，监听值的构造器。 使内容 和 ValueListenable 保持一致的控件。 给定ValueListenable 一个泛型和一个构建器，它从泛型的具体值构建小部件，这个类将…

滑动去存档，也可以滑动删除。 那作为Google 自家出品的Flutter，当然也会有这种组件。 可以发现我们必传的参数有 key 和 child。 后续我会出一篇关于 Flutter Key 的文章来详细解释一下什么是 Key。 现在我们只需要理解，key 是 widget …

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