如何將一個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