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,
)
)
|