Flutter中常用的按钮组件-IconButton(可点击的Icon)

56 阅读 0 评论 37 点赞

我是靠谱客的博主野性可乐，最近开发中收集的这篇文章主要介绍Flutter中常用的按钮组件-IconButton(可点击的Icon)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

 //IconButton 是Android风格的用于Icon的按钮，具有圆形范围的点击效果。默认没有背景，点击后会出现背景
new IconButton(
//icon 属性用于为 IconButton 指定一个图标,可以是图标，也可以是文字。
// icon: new Text("data"),
icon: new Icon(Icons.shopping_cart),
//iconSize:属性用于指定图标的大小，默认值为 24。如果图标实际大小大于 iconSize，显示时会缩小 iconSize。否则，图标的显示大小不会改变。
iconSize: 100,
//color:属性指定启用 IconButton 时 IconButton 内图标的颜色
color: Colors.teal,
//disabledColor:属性指定禁用此 IconButton 时 IconButton 内图标的颜色。如果 onPressed 为 null 或未指定，则 IconButton 将被禁用
disabledColor: Colors.black38,
//splashColor：属性指定用户按下 IconButton 点周围的闪光的主要颜色。
splashColor: Colors.amber,
//splashRadius: 属性指定当用户按下 IconButton 时 IconButton 周围的闪光半径。它的默认值是 defaultSplashRadius (35)。
splashRadius: 45,
//highlightColor:splashColor 属性指定用户按下 IconButton 点周围的闪光灯的辅助颜色。
highlightColor: Colors.blue,
//onPressed:是一个回调函数，当用户单击 IconButton 时将调用该函数。如果未指定 onPressed，则 IconButton 将被禁用，这意味着当用户单击它时将没有响应。
onPressed: (){},
//tooltip:属性是 IconButton 的描述性文本。当用户单击此 IconButton 时，它就会出现。
tooltip: "添加按钮",
),