正文
Flutter中的按钮组件介绍
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
Flutter 里有很多的 Button 组件很多,常见的按钮组件有:RaisedButton、FlatButton、IconButton、OutlineButton、ButtonBar、FloatingActionButton 等。
RaisedButton :凸起的按钮,其实就是 Material Design 风格的 ButtonFlatButton :扁平化的按钮OutlineButton:线框按钮IconButton :图标按钮ButtonBar:按钮组
Flutter按钮组件中的一些属性:
属性名称 | 值类型 | 属性值 |
onPressed | VoidCallback,一般接收一个方法 | 必填参数,按下按钮时触发的回调,接收一个方法,传 null 表示按钮禁用,会显示禁用相关样式 |
child | Widget | 文本控件 |
textColor | Color | 文本颜色 |
color | Color | 按钮的颜色 |
disabledColor | Color | 按钮禁用时的颜色 |
disabledTextColor | Color | 按钮禁用时的文本颜色 |
splashColor | Color | 点击按钮时水波纹的颜色 |
highlightColor | Color | 点击(长按)按钮后按钮的颜色 |
elevation | double | 阴影的范围,值越大阴影范围越大 |
padding | 内边距 | |
shape | 设置按钮的形状 shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10), ) shape: CircleBorder( side: BorderSide( color: Colors.white, ) ) |