我希望有一排IconButtons彼此相邻,但是实际图标和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: () {},
            )
          ],
        ),
      );
    }
}
flutter - 如何删除Flutter IconButton大填充?-LMLPHP
我想摆脱大部分的浅蓝色空间,让我的图标在左侧更早开始,并且彼此靠得更近,但是我找不到调整IconButton本身大小的方法。
我几乎可以确定此空间是由按钮本身占用的,因为如果我将其对齐方式更改为centerRightcenterLeft,它们的外观将如下所示:
flutter - 如何删除Flutter IconButton大填充?-LMLPHP
缩小实际图标也无济于事,按钮仍然很大:
flutter - 如何删除Flutter IconButton大填充?-LMLPHP
谢谢您的帮助

最佳答案

那里并没有那么多填充。 IconButton是一个Material Design小部件,它遵循可轻敲对象必须为at least 48px on each side.的规范。您可以从任何IDE中单击IconButton实现。
您也可以半琐碎地获取icon_button.dart源代码,并制作不符合Material Design规范的自己的IconButton,因为整个文件仅由其他小部件组成,只有200行,大部分是注释。

关于flutter - 如何删除Flutter IconButton大填充?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/50381157/

10-13 04:23