时间戳

首页 > 解决方案 > 如何在 Flutter 中调整图标/图标按钮的大小？

android - 如何在 Flutter 中调整图标/图标按钮的大小？

问题描述

我有 2 个问题。

  1. 如何缩放我们的图标？我的意思不是 Flutter 的默认图标。但是当您更改为图像时。我有一个带有如下图像的图标按钮：
Row(
                        mainAxisSize: MainAxisSize.max,
                        children: <Widget>[
                          IconButton(
                            icon: new Image.asset("images/IG.png"),
                          ),
                          IconButton(
                            icon: new Image.asset("images/Twitter.png"),
                          ),
                          IconButton(
                            icon: new Image.asset("images/Fb.png"),
                          ),
                        ],
                      )

它只有 3 个图标。当我添加更多图标时，它会将布局分解为黄黑色的砖块。如何让它们变小？

在此处输入图像描述

  1. 上面的问题是针对 IconButton 的。如何用图像更改图标？这是代码：

    Icon(Icons.star, color: Colors.red)

如何star用 Image.asset 更改“”？没有任何对其他链接的引用，仅显示图标。

标签： androidfluttericonsflutter-layout

解决方案

您可以将size属性用于Icon.

Icon(
  Icons.radio_button_checked,
  size: 12,
),

你IconButton可以使用

Transform.scale(
  scale: 0.5,
  child: IconButton(
    onPressed: (){},
    icon: new Image.asset("images/IG.png"),
  ),
),

推荐阅读