文章 2022-12-27 来自:开发者社区

【交互 widget】 Flutter BottomSheet

BottomSheet 是一个 Material Design StatefulWidget。我们很少直接使用他,而是通过 showBottomSheet 和 showModalBottomSheet 使用他。showBottomSheet 用法PersistentBottomSheetController<T> showBottomSheet<T>({ requir...

【交互 widget】 Flutter BottomSheet
文章 2022-12-27 来自:开发者社区

【绘制 widget】Flutter DecratedBox

DecratedBox 介绍在布局完成后,就进入到了绘制阶段。DecratedBox 有一个 position 参数,是 DecorationPosition 类型枚举,描述了在什么位置应用 decoration。/// Where to paint a box decoration. enum DecorationPosition { /// Paint the box decoratio...

【绘制 widget】Flutter DecratedBox
文章 2022-12-27 来自:开发者社区

【绘制 widget】Flutter Transform

绘制 child 之前 Transform 会对 child 进行平移,旋转缩放等变换。Transform 不会对 size 造成影响。Transform 介绍Transform 继承自 SingleChildRenderObjectWidget,RenderTransform 继承自 RenderProxyBox,所以 Transform 也能算作是 布局 widget ,但是他并没有 ove....

【绘制 widget】Flutter Transform
文章 2022-12-27 来自:开发者社区

【交互 widget】 Flutter Dismissible

前天我也中招了,还好有些存货,不然就要断更了。希望都快点好起来吧。Dismissible,一个可以用拖动的方式触发删除的 widget。Dismissible 介绍这是一个 StatefulWidget ,通过组合很多基础 widget 来实现功能。比如手势识别使用了GestureDetector,滑动效果使用了 SlideTransition,裁剪使用了 ClipRect 等等。这些基础 wi....

【交互 widget】 Flutter Dismissible
文章 2022-12-27 来自:开发者社区

【绘制 widget】Flutter CustomPaint

Flutter CustomPaint 提供了一个 canvas,可以在绘制阶段在上面进行绘制内容。CustomPaint 介绍需要绘制时,CustomPaint 首先要求它的 painter 在当前画布上绘画,然后它绘画它的 child,在绘画完它的 child 之后,要求他的 foregroundPainter 绘画。需要在从原点开始并包含给定大小的区域的矩形内作画。 (如果在这些边界之外绘....

【绘制 widget】Flutter CustomPaint
文章 2022-12-27 来自:开发者社区

【动画 widget】Flutter SlideTransition

SlideTransition 根据位置的变化产生动画效果的 widget。一些 widget 是以 SlideTransition 为基础做的动画效果,所以 SlideTransition 是一个很重要的动画 widget。SlideTransition 介绍SlideTransition 继承自  AnimatedWidget, 位置的变化是由 FractionalTranslat....

【动画 widget】Flutter SlideTransition
文章 2022-12-27 来自:开发者社区

【交互 widget】Flutter GestureDetector

一个能识别手势的 widget。相比于 Listener,GestureDetector,更加常用。GestureDetector 介绍GestureDetector 就不分析源码了,有兴趣的同学可以读下这篇 从源码看flutter(五):GestureDetector篇。简单的介绍下,GestureDetector 是一个 StateFulWidget,内部调用 RawGestureDetec....

【交互 widget】Flutter GestureDetector
文章 2022-12-27 来自:开发者社区

【交互 widget】Flutter Listener

大家好,我是17,今天的每日 widget 为大家介绍 Listener。Listener 调用回调以响应 pointer 事件。Listener 是底层的 pointer 事件处理,并不涉及到手势,所以不会有竞争的问题。源码分析Listener 自身的代码很简单,只是包了一个皮,点击测试的逻辑是它的父类完成的。代码所在类  RenderProxyBoxWithHitTestBehav....

【交互 widget】Flutter Listener
文章 2022-12-27 来自:开发者社区

【动画 widget】Flutter AnimatedSize

刚看到这个 widget 的时候,有点奇怪,已经有了 AnimatedWidget 和 ImplicitlyAnimatedWidget,感觉已经无所不能了啊,怎么还有个 AnimatedSize。存在肯定有他的价值,让我们来一探究竟吧。可以这样给 AnimatedSize 下定义:一个有动画能力的布局 widget。AnimatedSize 和 AnimatedWidget、 Implicit....

【动画 widget】Flutter AnimatedSize
文章 2022-12-27 来自:开发者社区

【动画 widget】Flutter SizeTransition

SizeTransition 用裁剪,摆放 child 的方式让 child 产生动画效果。本来 SizeTransition 继承自 AnimatedWidget 没什么好讲的,掌握 AnimatedWidget 就足够了, 但是他产生动画的方式有点出乎意料。不是像直觉那样,改变 child 的 width,height。他是通过 clip + align 做动画,这样组合起来,可以产生的动画....

【动画 widget】Flutter SizeTransition

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注