如何在Flutter中调整图标/图标按钮的大小?

罗马石灰华

我有两个问题。

  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更改' '?没有任何其他链接的引用,仅显示该图标。

公路警察

您可以将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"),
  ),
),

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

调整Google Maps标记图标图像的大小

如何在Chrome中实现抓取光标图标?

如何调整tabItem上图标的大小?

如何在Flutter中更改Google Maps标记的图标大小?

图标未出现在JComboBox中,如何调整大小?

调整“浮动操作”按钮(fab)的图标大小

如何在Laravel链接图标图标

如何在iOS版Google Maps中调整GMSMarker图标的大小?

如何在Android Studio中添加图标图像按钮

如何在TabLayout中设置图标大小?

如何在Xamarin中调整按钮的大小

如何在Angular 2应用程序中更改默认图标图标?

导航图标太大-如何调整大小

如何在flutter中更改endDrawer图标?

如何使用SVG框架调整图标大小

如何在MFC中设置大小和透明/清除CMFCToolBar按钮和图标?

如何在Godot中调整按钮的大小

如何调整晶圆厂按钮内的图标大小

如何在Android中根据谷歌地图不同的缩放级别调整谷歌地图标记的大小

如何在Flutter中更改Drawer图标?

如何在Tkinter中调整按钮的大小?

如何使用javascript调整图标大小

如何在设置 PreferenceScreen Android 中调整矢量图标的大小

如何调整我的谷歌地图网站中的图标大小?

如何在 ionic framework v4 和 Angular 7 中调整图标大小

如何在 Flutter 中编辑重构的图标?

如何在flutter中更改android图标?

如何在 Flutter 中的文本末尾添加图标按钮?

如何在xml android studio中编辑按钮内的图像/图标的大小?