如何将一个cupertino图标集中在颤动？

Question

首先，我尝试过使用Center（），顺便说一下，似乎cupertino图标偏离中心

             IconButton(
              icon: const Icon(
                CupertinoIcons.add_circled,
                color: Colors.black,
              ),
              padding: const EdgeInsets.all(0),
              onPressed: () {}
              ),

直接将图标包装在Center（）小部件中并不会改变任何内容，这就是它的外观

Answer 1

CupertinoIcons实际上以Flutter为中心。

如果您在这里查看Cupertino的源图标地图，您会看到图标与Flutter加载的方块内部的底部对齐（甚至与左侧略微对齐）。 因此，您无法在代码中调整它的对齐方式，因为资源已经居中。

UPDATE

我更进了一步，在颤动的sdk源上找到了CupertinoIcons.ttf字体。 然后用https://www.glyphrstudio.com打开它。

然后用MaterialIcons-Regular.ttf做同样的事情

您可以清楚地看到图标如何与Cupertino上的基线对齐（如任何字体上的字符），并且完全以材质为中心（如图标所示）。

有关此Medium文章的字体指标的更多信息

你可以在这里找到CupertinoIcons.ttf： https ： //github.com/flutter/cupertino_icons/tree/master/assets