如何在铜锣鼓中使铜杯图标居中?

时间:2019-03-14 14:01:31

标签: flutter flutter-cupertino

首先,我尝试使用Center(), 有了这种方式,似乎cupertino的图标就偏离了中心

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

直接在Center()小部件中包装图标不会改变任何东西,除非这就是它的外观slightly off center

1 个答案:

答案 0 :(得分:0)

CupertinoIcons实际上位于Flutter的中心。

如果您查看Cupertino here的源图标图,您会发现图标与Flutter加载的正方形内的底部对齐(甚至与左侧稍微对齐)。因此,由于资源已经居中,因此无法在代码中调整对齐方式。

enter image description here

更新

我走得更远,在Flutter sdk源代码中找到了CupertinoIcons.ttf字体。然后用https://www.glyphrstudio.com打开它。

enter image description here

然后对MaterialIcons-Regular.ttf做同样的操作

enter image description here

您可以清楚地看到图标如何在Cupertino上与基线对齐(就像字符在任何字体上一样),并在“材质”(如图标应有)上完全居中。

关于this Medium article上的字体指标的更多信息

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