Flutter 组件集录

1. 引子 在研究 ScrollView 源码时，有个很有意思的收获。这里作为引子，来引入 NotificationListener 组件。下面是 ScrollView#build 源码中的一部分，可

1、缘起 如果我不提 restorationId 属性，可能绝大多数人都不知道他是干嘛的，甚至连它的存在都不知道。即便它在组件作为参中出现的频率挺高。下面先看一下有该属性的一些组件，比如：在 List

这两个组件已加入 FlutterUnit, 可更新查看，顺便 star ~。 其实之前这两个组件我一直都不知道它们是干嘛用的，直到有一天我在看 Slider 的源码时发现了他俩。我们都知道，当 Slider 组件设置了 label 和 divisions 时，在拖动的过程中会弹…

0. Container 的简介 如果你看过 Container 的源码，会发现它是一个很有意思的组件，它基本上没干啥正事，就是将已有的组件拼一拼而已。它是一个 StatelessWidget，其中 build 方法使用了如下八个组件，本文将从源码的角度看一下，Containe…

1. Builder 组件引言 这篇文章来讲一个只有 10 行代码 的组件： Builder ，下面是它的全部代码。虽然非常简单，但通过它，仍然能让你了解很多知识。 可以看出 Flutter 源码中有不少组件是依赖于 Builder 组件实现的。这个小东西何德何能呢？通过本文，…

1. ValueListenableBuilder 引言 我们对初始项目非常熟悉，在 _MyHomePageState 中，通过点击按钮将状态量 _counter 自加，在使用 setState 让当前 State 类持有的 Element 进行更新。作为初学者来说，这很方便，…

1. perspective 属性 这是 perspective:0.001 的效果，可见 perspective 数值越大，透视效果越强。 2. squeeze 属性 3. diameterRatio 属性 1. 放大效果 2. 出界渲染与裁剪 3. offAxisFract…

2. 保持 State 状态 3. List#addAutomaticKeepAlives 做了什么 5. AutomaticKeepAliveClientMixin 除了 ListView 还能用在哪里?

如左图，灰色区域是InteractiveViewer的上级区域。 boundaryMargin是可移动的限定边距。默认是EdgeInsets.zero，即被定死，不能移动 alignPanAxis 指定是否沿轴拖动，默认为false(左图)。当为true时,按下后只能沿某个轴向…

1. CustomSingleChildLayout组件介绍 1. 测试环境: 2. 认识CustomSingleChildLayout 4. 子组件的偏移 如下，在刚才的基础上，可以通过偏移让子组件到容器的右上角。 1. 控制偏移的代理类 2. 封装类OffSetWidget…

2. FutureBuilder的使用 1. FutureBuilder组件类 2. _FutureBuilderState状态类 3. AsyncSnapshot状态量类 简单来说，就是装着三个东西的瓶子。 4. FutureBuilder的核心逻辑 5. 父组件刷新时的_F…

一、FlutterUnit与你相约春季----二、app全灰处理----三、下面介绍本文的主角:调色王:ColorFiltered----

1|2---|---||代码实现实现思路简单封装

工具的价值在于使用它的人，而非工具自身。会拿笔的人很多，但绘画宗师寥寥无几。--张风捷特烈

1.现在来模拟一下这个情景2.第一个解决方案：InheritedWidget结语

2.4:一个ListView中不同的条目样式。 4. physics属性

0.前言1.Flex的属性一览属性名|类型|默认值|简介---|---|---|---direction|Axis|@required|轴向mainAxisAlignment|MainAxisAlig

1.简单使用2.Text的style属性2.1:常用属性2.2:字体的修改:fontFamily属性2.3：文字阴影:shadows属性多阴影2.4:装饰线:decoration属性2.5:装饰线样式

>图片是一个我们又爱又恨的东西，它是万美之本，也是万恶之源 为阐述清楚Image的使用，专开本文,希望通过本文，你可以学到一个很有用的方法 另外通过最后布局海贼王的悬赏令，基本实现可改头