快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

flutter下拉隐藏,flutter 下拉列表

Flutter 手势系列教程---Listener

Listener 它是主要的功能是用来监听屏幕触摸事件,取决于它的子组件区域范围,比如按下、移动、抬起、取消等操作时可以添加监听。

成都创新互联公司坚信:善待客户,将会成为终身客户。我们能坚持多年,是因为我们一直可值得信赖。我们从不忽悠初访客户,我们用心做好本职工作,不忘初心,方得始终。十年网站建设经验成都创新互联公司是成都老牌网站营销服务商,为您提供网站设计、网站制作、网站设计、H5高端网站建设、网站制作、品牌网站建设微信小程序定制开发服务,给众多知名企业提供过好品质的建站服务。

我们知道 Flutter 组件只有按钮才会有事件,那么如果我需要在文字或者某个容器上添加事件那我就需要借助 Listener

手势系列视频教程地址

Listener 常用于当手指滑动屏幕时进行隐藏键盘或者下拉刷新、上拉加载时进行事件监听。

一般在实际的开发过程中我们很少会用到 Listener 来监听手势,一般都是通过 GestureDetector 来进行监听或者使用 MouseRegion 来监听鼠标的事件,而 MouseRegion 常用于web开发中, GestureDetector 常用于app。

我们经常使用的回调函数主要有三个

我们这里主要是针对 onPointerDown 、 onPointerMove 、 onPointerUp 进行演示,因为我们在平时的开发过程中最常用到的属性就是这三个,而且其他的属性也都被废弃掉了。

我们这里先点击橙色容器,在点击一次红色容器,他们打印的结果如下。

PointerEvent 是触摸、手写笔、鼠标事件的基类。

在上文中,我们知道了什么是 Listener 并写了一个简单的案例,在使用案例的过程中我们的事件里面都带了一个 event 参数,而所有的事件最终都是继承自 PointerEvent ,那我们接下来看看 event 的参数有什么作用。

PointerEvent 的属性非常多,但在我们实际的开发过程中很少会使用到,只有在特定的情景下才会使用对应的属性。

如需要做一个全局悬浮的按钮我们会使用到 position

如需要做绘图软件我们需要用到 buttons 、 kind 等

所以大家可以根据实际的应用场景来使用对应的属性即可,下面是我对 PointerEvent 的属性进行的一个详细描述。

behavior 属性,它决定子组件如何响应命中测试,它的值类型为 HitTestBehavior ,这是一个枚举类,有三个枚举值

对子组件一个接一个的进行命中测试,如果子组件中有测试通过的,则当前组件通过,这就意味着,如果指针事件作用于子组件上时,其父级组件也肯定可以收到该事件。

在命中测试时,将当前组件当成不透明处理(即使本身是透明的),最终的效果相当于当前Widget的整个区域都是点击区域

点击组件透明区域时,可以对自身边界内及底部可视区域都进行命中测试,这意味着点击顶部组件透明区域时,顶部组件和底部组件都可以接收到事件

我们这里演示每次都是先点击绿色盒子在点击文字,以便大家能更好的分辨出这三个属性的使用区别

Listener 是 Flutter 中比较重要的功能性组件,它主要的功能是用来监听屏幕触摸事件,事件回调可以获取对应的属性来个性化定制app功能。

flutter 下拉选择的使用

pubspec.yaml中配置该库

先讲一下选择器适配器的格式如下

上面这个适配器的写法看起来比较糟糕,数据少还可以一个一个的写下去,一旦多了不可能一个个去写,而是需要将给出的数据遍历生成上面的这种格式

参考下面的数据数据处理,去生成相对应的数据适配器

Flutter - 显示/隐藏控件的几种方法

实际效果,不会占位,隐藏时 TestWidget 不会加载,可 else 一个占位(则会加载占位的组件)

实际效果,会占位,显示隐藏TestWidget都会加载

实际效果,不会占位,显示隐藏TestWidget都会加载

实际效果,可选择是否占位,不占位,隐藏时TestWidget不会加载,占位,显示隐藏TestWidget都会加载

Visibility 选择占位时,隐藏 TestWidget


新闻标题:flutter下拉隐藏,flutter 下拉列表
本文网址:http://6mz.cn/article/dsggejg.html

其他资讯