我才知道原来Flutter内置了10多种Button控件
warning:
这篇文章距离上次修改已过190天,其中的内容可能已经有所变动。
Flutter中的Button控件主要指的是RaisedButton
、FlatButton
、OutlineButton
、IconButton
、ButtonBar
、FloatingActionButton
、PopupMenuButton
、DropdownButton
、Switch
和Checkbox
。这些控件提供了不同的视觉和行为特性,适用于不同的场景。
以下是每种Button控件的简单示例代码:
- RaisedButton:
RaisedButton(
onPressed: () {},
child: Text('Raised Button'),
)
- FlatButton:
FlatButton(
onPressed: () {},
child: Text('Flat Button'),
)
- OutlineButton:
OutlineButton(
onPressed: () {},
child: Text('Outline Button'),
)
- IconButton:
IconButton(
icon: Icon(Icons.thumb_up),
onPressed: () {},
)
- ButtonBar:
ButtonBar(
children: <Widget>[
RaisedButton(
onPressed: () {},
child: Text('Button 1'),
),
RaisedButton(
onPressed: () {},
child: Text('Button 2'),
),
],
)
- FloatingActionButton:
FloatingActionButton(
onPressed: () {},
child: Icon(Icons.add),
)
- PopupMenuButton:
PopupMenuButton<String>(
itemBuilder: (BuildContext context) => <PopupMenuEntry<String>>[
PopupMenuItem<String>(
value: 'Item 1',
child: Text('Item 1'),
),
PopupMenuItem<String>(
value: 'Item 2',
child: Text('Item 2'),
),
],
)
- DropdownButton:
DropdownButton<String>(
items: <String>['Item 1', 'Item 2', 'Item 3']
.map((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
}).toList(),
onChanged: (String newValue) { },
)
- Switch:
Switch(
value: true,
onChanged: (bool value) {},
)
- Checkbox:
Checkbox(
value: true,
onChanged: (bool value) {},
)
这些代码仅提供了每个控件的基本用法,实际使用时可能需要根据具体需求添加更多属性或者处理逻辑。
评论已关闭