脚本宝典收集整理的这篇文章主要介绍了flutter常见组件之Button(第二期),脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
内容如果对你有帮助,帮忙点下赞,你的点赞是我更新最大的动力,谢谢啦!如果在开发的过程遇到问题可以一起讨论,可以加我的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常见组件之Button(第二期)全部内容,希望文章能够帮你解决flutter常见组件之Button(第二期)所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。