相关疑难解决方法(0)

如何删除Flutter IconButton大填充?

我希望有一排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: () {},
            )
          ],
        ),
      );
    }
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

我想摆脱大部分淡蓝色空间,让我的图标在左边较早开始,并且彼此更接近,但我找不到调整IconButton本身大小的方法.

我几乎可以肯定这个空间是由按钮本身占据的,因为如果我改变它们的对齐方式centerRight,centerLeft它们看起来像这样:

在此输入图像描述

将实际图标缩小也无济于事,按钮仍然很大:

在此输入图像描述

谢谢您的帮助

flutter flutter-layout

6
推荐指数
6
解决办法
7437
查看次数

标签 统计

flutter ×1

flutter-layout ×1