如何删除Flutter IconButton大填充?
问题内容:
我希望有一排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行,大部分是注释。