icons - 带有文本和图标的圆形按钮

Question

如何为 flutter 设置一个带有文本和图标的按钮？

我想要一个 button，它看起来像图标，带有可以放在屏幕底部的文本

例如，图标如下:android-button-with-icon-and-text

Answer 1

编辑 1: 在 Flutter 1.20 版本中，Flutter 团队进行了重大更改，引入了新按钮。因此，不推荐使用下面提到的按钮类型。使用TextButton而不是 FlatButton和 ElevatedButton而不是 RaisedButton .

TextButton.icon(onPressed: null, icon: null, label: null);
Elevated.icon(onPressed: null, icon: null, label: null);

查看按钮及其主题的重大更改here

注意:FlatButton 和 RaisedButton 已弃用

您可以简单地使用命名构造函数来创建不同类型的带有图标的按钮。比如

FlatButton.icon(onPressed: null, icon: null, label: null);
RaisedButton.icon(onPressed: null, icon: null, label: null);

但是，如果您有特定的要求，那么您可以随时创建具有不同布局的自定义按钮，或者简单地将小部件包装在 GestureDetector 中。 .