Flutter 初识:按钮控件
在Flutter中,按钮控件是通过RaisedButton
、FlatButton
、OutlineButton
、IconButton
、ButtonBar
、FloatingActionButton
等类提供的。以下是每种按钮的简单示例:
RaisedButton
:这是一个Material Design风格的带有凸凹效果的按钮。
RaisedButton(
child: Text('点击我'),
onPressed: () {
print('按钮被点击');
},
)
FlatButton
:这是一个Material Design风格的平面按钮。
FlatButton(
child: Text('点击我'),
onPressed: () {
print('按钮被点击');
},
)
OutlineButton
:这是一个带有轮廓的按钮。
OutlineButton(
child: Text('点击我'),
onPressed: () {
print('按钮被点击');
},
)
IconButton
:这是一个用于显示图标的按钮。
IconButton(
icon: Icon(Icons.thumb_up),
onPressed: () {
print('喜欢');
},
)
ButtonBar
:这是一个水平排列的按钮组。
ButtonBar(
children: <Widget>[
RaisedButton(
child: Text('按钮1'),
onPressed: () { print('按钮1被点击'); },
),
RaisedButton(
child: Text('按钮2'),
onPressed: () { print('按钮2被点击'); },
),
],
)
FloatingActionButton
:这是一个浮动的操作按钮,通常位于屏幕右下角。
FloatingActionButton(
child: Icon(Icons.add),
onPressed: () {
print('添加');
},
)
每个按钮都需要一个onPressed
回调函数,该函数定义了按钮被点击时的行为。如果onPressed
为null,则按钮会显示为禁用状态,不会响应用户的点击事件。
评论已关闭