我才知道原来Flutter内置了10多种Button控件
warning:
这篇文章距离上次修改已过451天,其中的内容可能已经有所变动。
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) {},
)这些代码仅提供了每个控件的基本用法,实际使用时可能需要根据具体需求添加更多属性或者处理逻辑。
评论已关闭