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 排列在一行。

Text继承自 StatelessWidget ,Text 主要通过设置 文本布局 及 文本样式 控制显示方式。

1. 文本布局: 例如文本对齐方式 textAlign 、文本排版方向 textDirection ,文本显示最大行数 maxLines 、文本截断规则掘明茄 overflow 等等

2 文本样式: 如字体名称 fontFamily 、字体大小 fontSize 、文本颜色 color 、文本阴影 shadows 等等,这些参判察数被统一封装到了构造函数中的参数 style(TextStyle) 中

  在iOS中,我们可以使用NSAttributedString进行富文本设置。在Flutter中 我们可以通过 Text.rich() 或 RichText() 进行富文本设置。

两者均为 InlineSpan 类型, InlineSpan 为抽象类。

抽象类不能直接实例化。Flutter已为我们提供了

且槐郑 WidgetSpan 继承自 PlaceholderSpan


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存