Flutter基础widgets教程-IconButton篇

1 IconButton

IconButton一个Material图标按钮，点击时会有水波动画。

2 构造函数 

IconButton({
    Key key,
    this.iconSize = 24.0,
    this.padding = const EdgeInsets.all(8.0),
    this.alignment = Alignment.center,
    @required this.icon,
    this.color,
    this.highlightColor,
    this.splashColor,
    this.disabledColor,
    @required this.onPressed,
    this.tooltip
})

3 常用属性 

3.1 iconSize：图标大小

iconSize:24.0

3.2 icon：图标资源

icon: Icon(Icons.android),

3.3 alignment：图标位置

alignment: Alignment.center,

3.4 color：颜色

color: Colors.black,

3.5 highlightColor：高亮颜色，点击（长按）按钮后的颜色

highlightColor: Colors.green,

3.6 padding：内边距，其接收值的类型是EdgeInsetsGeometry类型的

3.6.1 一次性设置上下左右的间距

padding: EdgeInsets.all(20),

3.6.2 单独设置

3.6.2.1 上内边距  

padding: EdgeInsets.only(top: 30),

3.6.2.2 下内边距  

padding: EdgeInsets.only(bottom: 30),

3.6.2.3 左内边距  

padding: EdgeInsets.only(left: 30),

3.6.2.4 右内边距  

padding: EdgeInsets.only(right: 30),

3.6.3 一次性设置上下左右的间距 左上右下顺序设置

padding: EdgeInsets.fromLTRB(0,30,20,40),

3.7 splashColor：水波纹颜色

splashColor: Colors.black,

3.8 disabledColor：不可点击时高亮颜色

disabledColor: Colors.black,