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

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

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


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

查看所有标签

猜你喜欢:

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

深入分析Java Web技术内幕(修订版)

深入分析Java Web技术内幕(修订版)

许令波 / 电子工业出版社 / 2014-8-1 / CNY 79.00

《深入分析Java Web技术内幕(修订版)》新增了淘宝在无线端的应用实践,包括:CDN 动态加速、多终端化改造、 多终端Session 统一 ,以及在大流量的情况下,如何跨越性能、网络和一个地区的电力瓶颈等内容,并提供了比较完整的解决方案。 《深入分析Java Web技术内幕(修订版)》主要围绕Java Web 相关技术从三方面全面、深入地进行了阐述。首先介绍前端知识,即在JavaWeb ......一起来看看 《深入分析Java Web技术内幕(修订版)》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试