我希望有一排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: () {}, ) ], ), ); } }
I want to get rid of most of the light blue space, have my icons start earlier 我想摆脱大部分的浅蓝色空间,让我的图标 在左侧更早开始,并且彼此靠得更近,但是我找不到改变 IconButton本身大小的方法。
我几乎可以确定此空间是由按钮本身占用的,因为如果我将 其对齐方式更改为,centerRight并且centerLeft它们看起来像这样:
并不是说那里有填充物。IconButton是一个Material Design小部件,其遵循以下规范:可轻拍对象的 每 一侧至少
应为48px 。 您可以从任何IDE单击到IconButton实现。
您也可以半琐碎地获取icon_button.dart源代码,并制作不遵循Material Design规范的自己的IconButton,因为 整个文件仅由其他小部件组成,只有200行,大部分是注释。