Flutter Button(按钮)

Flutter Button(按钮),第1张

在 Flutter 里有很多的 Button,包括了:MaterialButton、RaisedButton、FloatingActionButton、FlatButton、IconButton、ButtonBar、DropdownButton 等。

一般常用的 Button 是 MaterialButton、IconButton、FloatingActionButton。

MaterialButton 是一个 Materia 风格的按钮。

一般来说,如果需要点击事件,就要嵌套一个 Button,因为 Container、Text 等组件都没有点击事件

RaisedButton MaterialButton 类似。

FlatButton MaterialButton 类似,不同的是它是透明背景的。如果一个 Container 想要点击事件时,可以使用 FlatButton 包裹,而不是 MaterialButton。因为 MaterialButton 默认带背景,而 FlatButton 默认不带背景。

IconButton 顾名思义就是 Icon + Button 的复合体,当某个 Icon 需要点击事件时,使用 IconButton 最好不过。

其外,还有已经定义好的 Icon Button:CloseButton、BackButton。他们都有导航返回的能力。

FloatingActionButton 是一个浮动在页面右下角的浮动按钮。

在 Scaffold 里使用的时候,它是一个浮动状态的按钮,在其他地方使用,就不会浮动了。

ButtonBar 是一个布局组件,可以让 Button 排列在一行。

InkWell 中点击事件分为来管理点击回调和水波动画。

onTap: () // 单击

onDoubleTap: () // 双击

onLongPress: ()// 长按 

详细请看 https://blog.csdn.net/zl18603543572/article/details/95037826

onTap: () // 单击

onDoubleTap: () // 双击

onLongPress: ()// 长按 

onTapCancel:()//取消"

onTapUp:(e)//松开"

onTapDown:(e)//"按下"

拖动手势主要由

onPanDown(手指按下)、

onPanUpdate(手指滑动)、

onPanEnd(滑动结束)

onScaleUpdate:(ScaleUpdateDetails e) 缩放

如果没有特殊要求,只相应onTap的话,尽可能用 InkWell,,开发中InkWell,反应比较灵敏一点

d出的软键盘无法关闭,尽可能使用GestureDetector,


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11918848.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存