flutter常见组件之Button(第二期)

47次阅读

共计 1111 个字符,预计需要花费 3 分钟才能阅读完成。

内容如果对你有帮助, 帮忙点下赞, 你的点赞是我更新最大的动力, 谢谢啦! 如果在开发的过程遇到问题可以一起讨论, 可以加我的 QQ 群!167646174! 也可以加我微信, 在群里! 具体代码见 github , 欢迎各位 Star, 以及提 issues!
1.RaisedButton

API
作用
参数

color
背景色

padding
与文字的内边距

textColor
按钮内文字颜色

textTheme
按钮主题

disabledColor
按钮被禁用显示的颜色

disabledTextColor
按钮被禁用时文字显示颜色

highlightColor
击高亮的时候显示在控件上面,水波纹下面的颜色

splashColor
水波纹颜色

colorBrightness
按钮主题高亮

elevation
按钮下面的阴影

highlightElevation
高亮时候的阴影

disabledElevation
按下时候的阴影

clipBehavior
抗锯齿能力

onHighlightChanged
水波纹高亮时候回调

onPressed
点击事件

shape
拓展样式
_

icon
小图标按钮
只有 IconButton 才会使用到

— 扩展 —
1.1 带斜角的按钮

shape: BeveledRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(20))
),
1.2 圆按钮

shape: CircleBorder(
// 圆边颜色
side: BorderSide(
color: Colors.black
)
),
1.3 圆角矩形按钮

shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10))
),
1.4 两端半圆按钮

shape: StadiumBorder(),
2.OutlineButton
API 同 RaisedButton 默认边线且背景透明的按钮

3.FlatButton
API 同 RaisedButton
4.ButtonBar

API
作用
参数

alignment
对齐方式

mainAxisSize
主轴大小,默认 MainAxisSize.max

5.FloatingActionButton

API
作用

backgroundColor
背景色

elevation
未点击的阴影值

highlightElevation
点击时的阴影值

tooltip
长按文字提示

foregroundColor
按钮里面文字小图标颜色

具体代码见 github , 欢迎各位 Star, 以及提 issues! 不定期更新, 根据工作繁忙度决定! 以下是往期相关文章:
flutter 常见组件 API(第一期)

正文完
 0