一尘不染

如何删除Flutter IconButton大填充?

flutter

我希望有一排IconButton彼此相邻,但是实际图标和IconButton限制之间似乎有很大的间隔。我已经将按钮上的填充设置为0。

这是我的组件,非常简单:

class ActionButtons extends StatelessWidget {
  @override
    Widget build(BuildContext context) {
      return Container(
        color: Colors.lightBlue,
        margin: const EdgeInsets.all(0.0),
        padding: const EdgeInsets.all(0.0),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.start,
          children: <Widget>[
            IconButton(
              icon: new Icon(ScanrIcons.reg),
              alignment: Alignment.center,
              padding: new EdgeInsets.all(0.0),
              onPressed: () {},
            ),
            IconButton(
              icon: new Icon(Icons.volume_up),
              alignment: Alignment.center,
              padding: new EdgeInsets.all(0.0),
              onPressed: () {},
            )
          ],
        ),
      );
    }
}

enter image description
here

I want to get rid of most of the light blue space, have my icons start earlier
我想摆脱大部分的浅蓝色空间,让我的图标
在左侧更早开始,并且彼此靠得更近,但是我找不到改变
IconButton本身大小的方法。

我几乎可以确定此空间是由按钮本身占用的,因为如果我将
其对齐方式更改为,centerRight并且centerLeft它们看起来像这样:


阅读 1049

收藏
2020-08-13

共1个答案

一尘不染

并不是说那里有填充物。IconButton是一个Material Design小部件,其遵循以下规范:可轻拍对象的 每 一侧至少

应为48px 。
您可以从任何IDE单击到IconButton实现。

您也可以半琐碎地获取icon_button.dart源代码,并制作不遵循Material Design规范的自己的IconButton,因为
整个文件仅由其他小部件组成,只有200行,大部分是注释。

2020-08-13