如何在Flutter中调整IconButton的大小（高度和宽度）

Question

如何在Flutter中调整IconButton的大小（高度和宽度）？看起来它需要默认的宽度和高度。没有高度或宽度属性。

print(os.environ.get('HOME')

Answer 1

您可以使用SizedBox强制它自行调整大小。

os.environ['HOME'] = '/new/value'

Answer 2

您可以用InkWell替换IconButton：

InkWell(
    child: Icon(Icons.clear, size: 18.0, color: themeData.primaryColor),
    onTap: onDelete,
),

Answer 3

有一种比接受的答案新的方法。看起来像这样：

IconButton(
  iconSize: 18.0,
  icon: new Icon(Icons.clear)

因此使用iconSize属性并摆脱SizedBox。

我注意到按下按钮时旧的可接受的解决方案具有不良的绘图效果。

Answer 4

在 constraints 上使用 IconButton 属性：

IconButton(
    constraints: BoxConstraints(maxHeight: 36),
    icon: new Icon(Icons.clear, size: 18.0),
)

Source

Answer 5

如果您使用资产文件夹中的图像，以下应该可以工作：

IconButton(
      icon: Image.asset(
        "assets/images/play_3x.png",
        height: 100,
        width: 100,
        color: Colors.white,
)

Answer 6

IconButton 的点击区域是可以感知用户交互的区域，它的最小尺寸为 kMinInteractiveDimension (48.0)，与 Icon 的实际尺寸无关。

Answer 7

这有效

Icon(Icons.person,color: Colors.red,size: 180.0,)