初始状态下的按钮(背景色是绿色)
MaterialButton
new MaterialButton(
color: Colors.blue,
textColor: Colors.white,
onPressed: _onPressed,
child: new Text('button'),
)
一般来说,如果需要点击事件,就要嵌套一个 Button,因为 Container、Text 等组件都没有点击事件。
默认是透明背景。
FlatButton
new FlatButton(
color: Colors.blue,
textColor: Colors.white,
onPressed: _onPressed,
child: new Text('FlatButton'),
)
和 MaterialButton 类似,可用于通用功能,更具有可读性。
RaisedButton
new RaisedButton(
onPressed: _onPressed,
child: new Text('RaisedButton'),
),
和 MaterialButton 类似,有默认的背景颜色,更具有强调性。
IconButton
new IconButton(
onPressed: _onPressed,
color: Colors.red,
icon: new Icon(Icons.star),
padding: const EdgeInsets.all(12.0)
),
有图标的 Button ,没有默认的颜色,无法设置背景颜色, padding 默认是 12 。方便选中button 。
FloatingActionButton
new FloatingActionButton(
onPressed: _onPressed,
child: new Icon(Icons.star),
backgroundColor: Colors.blue
),
有默认的背景色是蓝色,在 Scaffold 里使用的时候,它是一个浮动状态的按钮,在其他地方使用,就不会浮动了。