我尝试将最小化图标居中显示在此图标按钮中,但无法使其工作:
@override
Widget build(BuildContext context) {
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
height: 25,
child: TextButton(
onPressed: appWindow.minimize,
style: const ButtonStyle(
alignment: Alignment.center,
padding: MaterialStatePropertyAll(EdgeInsets.all(0))),
child: const Icon(
Icons.minimize,
color: Colors.white,
),
),
),
TextButton(
onPressed: maximizeOrRestore,
child: Icon(
appWindow.isMaximized ? Icons.fullscreen_exit : Icons.fullscreen,
color: Colors.white,
)),
TextButton(
onPressed: appWindow.close,
child: const Icon(
Icons.close,
color: Colors.white,
),
)
],
);
}
我希望按钮居中,正如你所看到的,我已经尝试使用对齐和填充
3条答案
按热度按时间c3frrgcw1#
当你说“居中最小化的图标”时,你的意思是这个图标应该在另外两个图标之间吗?在这种情况下,你只需要在Row小部件的子部件中切换前两个小部件。
但我认为你希望最小化图标更高一些,这样它就像-〉-️X
如果这是你想要的,那么你不能使用Icons.minimize。如果你在this page上检查这个图标,你会注意到最小化图标看起来像一个下划线。这是设计的。我认为这看起来不错,但是如果你坚持要用减号类型的符号,那么你可以使用Icons.remove_rounded。
a0x5cqrl2#
这并不是说图标没有居中,材质
minimize
图标的上方有空格,因为它应该是向下的,以理解这是一个最小化按钮,就像maximize
按钮的下方有空格一样。如果你真的想让它居中,你可以尝试使用不同的图标。尝试使用Icons.horizontal_rule
。ipakzgxi3#
您可以像这样使用
CupertinoIcons.minus