Flutter 中常用 Button --禁用、渐变按钮及属性

TextButton 属性最少的Button,主要有child和onPressed属性去实现
CupertinoButton iOS性质的Button,默认8的圆角,背景透明

MaterialButton,FlatButton 没有阴影的Material Design按钮,RaisedButton,OutlineButton

共有常用属性

color 按钮颜色
textColor child为Text 不设置颜色时的字体颜色
splashColor 点击按钮时波浪颜色
disabledColor 按钮被禁用时按钮颜色, 按钮禁用实现,不实现onPressed() 或者 onPressed:null
shape 按钮形状,主要实现圆角用 RoundedRectangleBorder(side: BorderSide.none,borderRadius: BorderRadius.all(Radius.circular(10)))

特有属性
MaterialButton,FlatButton(默认color为透明) height 高度,minWidth

OutlineButton:borderSide: BorderSide(color: ColorValues.color0x0087AF),

RaisedButton   double elevation,//按钮下面的阴影

特殊按钮:

BackButton 返回按钮,可以通过 color 设置返回按钮的颜色
CloseButton 删除按钮

IconButton 可以添加Icon的按钮 icon: Icon(Icons.delete),也可以icon: Image(width: 18,height: 18,image: AssetImage("assets/images/xxx"),),

如果按钮要实现渐变色按钮

Container中 gradient结合Button实现,效果如下

Flutter 中常用 Button --禁用、渐变按钮及属性_第1张图片

你可能感兴趣的:(Flutter,从,0,到,1,flutter,Button)