【动画 widget】Flutter AnimatedSize
刚看到这个 widget 的时候，有点奇怪，已经有了 AnimatedWidget 和 ImplicitlyAnimatedWidget，感觉已经无所不能了啊，怎么还有个 AnimatedSize。存在肯定有他的价值，让我们来一探究竟吧。可以这样给 AnimatedSize 下定义：一个有动画能力的...
【动画 widget】Flutter SizeTransition
SizeTransition 用裁剪，摆放 child 的方式让 child 产生动画效果。本来 SizeTransition 继承自 AnimatedWidget 没什么好讲的，掌握 AnimatedWidget 就足够了， 但是他产生动画的方式有点出乎意料。不是像直觉那样，改变 child 的 ...
【动画 widget】Flutter AnimatedBuilder
Flutter AnimatedBuilder 继承自 AnimatedWidget，它的作用是生成一个有动画功能的 StatefulWidget widget 作为复杂 widget 的一部分。源码分析typedef TransitionBuilder = Widget Function(Buil...
【动画 widget】Flutter AnimatedWidget
大家好，我是 17，今天的每日 widget 为大家介绍 AnimatedWidget。Flutter AnimatedWidget 是一个 StatefulWidget，它的作用是当 listenalbe 变化的时候，rebuild Widget 让 UI 也随着变化。源码分析构造函数const ...
【布局 widget】Flutter FittedBox
FittedBox 用来缩放 child 的大小，从而适应父容器的尺寸。FittedBox 给人的感觉是一看就懂，但实际上可能并没有真正理解，所以需要耐心理解每一句话的含意。对于布局组件，我们按布局三板斧来研究。确定 child 的 constrains确定 自己的 大小摆放 child确定 chi...
【每日 widget】Flutter PhysicalModel
前面讲了 ClipRect 、ClipPath 、ClipOval 与 ClipRRect。本文学习 PhysicalModel，不仅可以剪裁，还能有阴影效果。建议先看前面关于 clip 的三篇文章，因为 PhysicalModel 在 clip 的基础上增加了阴影功能。读完这三篇，再读这篇会非常轻...
【剪裁 widget】Flutter ClipOval 与 Flutter ClipRRect
本文是 【剪裁 widget】系列的第三篇，也是最后一篇，今天介绍一下ClipOval 和 ClipRRect。ClipOval 介绍Flutter ClipOval 用 椭圆形去剪裁 child，path 以外的部分不显示，还能高效的实现动画。剪裁是在绘制阶段，具体实现是在 paint 方法中调用...
【剪裁 widget】Flutter ClipPath
Flutter ClipPath 用 path 去剪裁 child，path 以外的部分不显示，还能高效的实现动画。ClipPath 介绍和布局 widget 不同，剪裁 widget 功能实现是在绘制阶段。所以剪裁 widget 的 size 是不会变的，无论怎样剪裁。剪裁是在绘制阶段，具体实现是...
【剪裁 widget】Flutter ClipRect
用一个矩形去剪裁 child，矩形以外的部分不显示。通过和一些没有剪裁功能的 widget 合用，剪裁这些 widget 溢出的部分，还能高效的实现动画。和布局 widget 不同，剪裁 widget 功能实现是在绘制阶段。所以 剪裁 widget 的 size 是不会变的，无论怎样剪裁。因为实现是...
【布局 widget】Flutter Baseline
Baseline 是布局 widget，作用是让 child 的基线和指定的位置重合。Baseline 的布局逻辑不难，很多同学不知道如何用这个 widget 是因为对基线不是很理解。下面我们先看一下基线。基线（英语：Baseline）指的是多数拉丁字母排列的基准线。如上图所示，大多字母都沿着红色基...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
社区圈子
