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

发布时间:2019-07-13 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了flutter常见组件之Button(第二期)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

内容如果对你有帮助,帮忙点下赞,你的点赞是我更新最大的动力,谢谢啦!如果在开发的过程遇到问题可以一起讨论,可以加我的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按钮

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

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

1.3圆角矩形按钮

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

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

1.4两端圆按钮

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

shape: StadiumBorder(),

2.OutlineButton

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

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

3.FlatButton

API同RaisedButton

4.ButtonBar

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

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

5.FloatingActionButton

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

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

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

flutter常见组件API(第一期)

脚本宝典总结

以上是脚本宝典为你收集整理的flutter常见组件之Button(第二期)全部内容,希望文章能够帮你解决flutter常见组件之Button(第二期)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。