Flutter之按钮

flutter

1.基本概念

Material widget库中提供了多种按钮Widget，比如RaisedButton，FlatButton，OutlineButton，它们都是直接或间接继承自RawMaterialButton。所有的Material库中的按钮都有下面几相同点：

  • 1.按下的时候会有水波动画
  • 2.有一个onPressed属性来设置点击回调，按钮按下的时候执行该回调；如果不提供该回调的话则按钮会处于禁用状态。禁用状态不响应用户点击。

2.RaisedButton：漂浮按钮，默认带有阴影和灰色背景，按下后，阴影会变大。

1
2
3
4
RaisedButton(
  child: Text('购买'),
  onPressed: () => {}
);

3.FlatButton：扁平按钮，默认背景透明并且不带阴影，按下后，会有背景色。

1
2
3
4
FlatButton(
    child: Text('按钮'),
    onPressed: () => {}
)

FlatButton的构造信息如下所示：

1
2
3
4
5
6
7
const FlatButton({
    @required this.onPressed, // 按钮点击回调
    this.textColor,   // 按钮文字颜色,
    this.color,     // 按钮背景颜色
    this.disabledColor, // 按钮禁用时候的背景颜色
    
});