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

栏目: IOS · Android · 发布时间: 6年前

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

内容如果对你有帮助,帮忙点下赞,你的点赞是我更新最大的动力,谢谢啦!如果在开发的过程遇到问题可以一起讨论,可以加我的QQ群!167646174!也可以加我微信,在群里!

具体代码见 github ,欢迎各位Star,以及提issues!

1.RaisedButton

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

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

扩展

1.1带斜角的按钮

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

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(第一期)


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Clean Code

Clean Code

Robert C. Martin / Prentice Hall / 2008-8-11 / USD 49.99

Even bad code can function. But if code isn’t clean, it can bring a development organization to its knees. Every year, countless hours and significant resources are lost because of poorly written code......一起来看看 《Clean Code》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具