如何在 Flutter 中将图标与背景颜色正确居中？答案

【问题标题】：How do I center the icon properly with background color in Flutter?如何在 Flutter 中将图标与背景颜色正确居中？
【发布时间】：2021-11-16 17:45:29
【问题描述】：

如何确保图标居中？我不明白为什么会这样。

试过这样的事情：

alignment: Alignment.center

还有：

  padding: EdgeInsets.zero,

还有：

shrinkWrap: true,

这里是完整的代码：

                child:     Column(
                  children: [
                    Container(
                      margin: new EdgeInsets.only(left: 25, right: 15),
                      padding: const EdgeInsets.all(10.0),
                      decoration: BoxDecoration(
                        color: Colors.red,
                        borderRadius: BorderRadius.circular(20.0),
                      ),
                      child: Icon(
                        MyIcons.icons,
                        size: 24,
                      ),
                    ),

                    Text("Menu item 1")
                  ],
                ),

似乎没有任何效果。你能帮忙吗？

【问题讨论】：

你试过减小图标大小吗？
你的代码是正确的工作Icon( Icons.home, ),
移除边距：new EdgeInsets.only(left: 25, right: 15)，导致25 left
它们都不起作用。

标签： flutter dart icons

【解决方案1】：

问题似乎来自自定义图标，将其更改为

     Icon(
          Icons.home,
          size: 24,
        ),

【讨论】：