Flutter中的按钮组件介绍

Flutter 里有很多的 Button 组件很多,常见的按钮组件有:RaisedButton、FlatButton、IconButton、OutlineButton、ButtonBar、FloatingActionButton 等。
RaisedButton :凸起的按钮,其实就是 Material Design 风格的 Button
FlatButton :扁平化的按钮
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,
    )
 
 
 
 
 

猜你喜欢

转载自www.cnblogs.com/chichung/p/12017101.html
今日推荐