添加一个有大小的按钮，并在其中添加图标

Question

我正在尝试为按钮添加一个图标。我遵循的步骤是：创建一个图标按钮，填充属性。之后，我把它包在一个容器里，因为我不想我的按钮太大。这是我得到的图像：[！[在此处输入图像描述][1]][1]

我希望图标能放在按钮里，我甚至试着用中心包裹孩子，但结果仍然一样。

我的代码段：容器(身高：18，宽度：20，装饰：BoxDecoration(border:border.all(颜色：Colors.orangeAccent，宽度：1(，形状：BoxShape.矩形，)，child:中心(child:IconButton(icon：图标(Icons.add，尺寸：16，color:Colors.orange，(，onPressed:((｛｝，)，(，

Answer 1

您可以尝试这个代码块

Container(
width: 50,
height: 50,
child: FlatButton(
onPressed: () {},
child: Row(
children: [
Icon(Icons.ac_unit),
Text('Add More')
],
),
),
)

Answer 2

最简单的方法如下代码所示。

Container(
width: 50,
height: 50,
child: GestureDetector(
onTap: () {},
child: Row(
children: [
Icon(Icons.ac_unit),
Padding(
padding:  EdgeInsets.only(left: 10),
child: Text('Add More'),
)
],
),
),
)

Answer 3

您可以使用TextIconButton而不是IconButton。