TextButton.icon和ElevatedButton.icon是Flutter框架中的两个按钮组件,它们都可以先显示标签再显示图标。
TextButton.icon是一个带有图标和标签的文本按钮,可以通过设置icon和label参数来指定图标和标签。在按钮上,标签会先显示,然后是图标。这种按钮适用于需要在按钮上显示文本和图标的场景。
ElevatedButton.icon也是一个带有图标和标签的按钮,可以通过设置icon和label参数来指定图标和标签。同样地,标签会先显示,然后是图标。ElevatedButton.icon通常用于需要突出显示的操作按钮,例如提交表单或执行重要操作的按钮。
以下是示例代码:
TextButton.icon(
icon: Icon(Icons.add),
label: Text('Add'),
onPressed: () {
// 按钮点击事件处理
},
)
ElevatedButton.icon(
icon: Icon(Icons.save),
label: Text('Save'),
onPressed: () {
// 按钮点击事件处理
},
)
推荐的腾讯云相关产品和产品介绍链接地址:
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云