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