4

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

1.RaisedButton

clipboard.png

API 作用 参数
color 背景色 -
padding 与文字的内边距 -
textColor 按钮内文字颜色 -
textTheme 按钮主题 -
disabledColor 按钮被禁用显示的颜色 -
disabledTextColor 按钮被禁用时文字显示颜色 -
highlightColor 击高亮的时候显示在控件上面,水波纹下面的颜色 -
splashColor 水波纹颜色 -
colorBrightness 按钮主题高亮 -
elevation 按钮下面的阴影 -
highlightElevation 高亮时候的阴影 -
disabledElevation 按下时候的阴影
clipBehavior 抗锯齿能力 -
onHighlightChanged 水波纹高亮时候回调 -
onPressed 点击事件 -
shape 拓展样式 _
icon 小图标按钮 只有IconButton才会使用到

---扩展---

1.1带斜角的按钮

clipboard.png

shape: BeveledRectangleBorder(
       borderRadius: BorderRadius.all(Radius.circular(20))
),

1.2圆按钮

clipboard.png

shape: CircleBorder(
   // 圆边颜色
     side: BorderSide(
      color: Colors.black
     )
),

1.3圆角矩形按钮

clipboard.png

 shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.all(Radius.circular(10))
  ),

1.4两端半圆按钮

clipboard.png

shape: StadiumBorder(),

2.OutlineButton

API同RaisedButton
默认边线且背景透明的按钮

clipboard.png

3.FlatButton

API同RaisedButton

4.ButtonBar

clipboard.png

API 作用 参数
alignment 对齐方式 -
mainAxisSize 主轴大小,默认MainAxisSize.max -

5.FloatingActionButton

clipboard.png

API 作用
backgroundColor 背景色
elevation 未点击的阴影值
highlightElevation 点击时的阴影值
tooltip 长按文字提示
foregroundColor 按钮里面文字小图标颜色

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

flutter常见组件API(第一期)


一叶知秋
371 声望23 粉丝

不专情前端的前端工程师