将 Font Awesome 图标居中时的渲染问题

Question

我不明白为什么这个 FAB 不以它的孩子为中心。我尝试了不同的东西，但不能完美地居中。因为例如仅在图标底部添加填充可以使其以设备为中心，但可能并非全部。这是我的代码

Theme(
  data: Theme.of(context).copyWith(
      highlightColor: Colors.red, splashColor: Colors.red),
  child: SizedBox(
    height: MediaQuery.of(context).size.height / 7,
    width: MediaQuery.of(context).size.height / 7,
    child: FloatingActionButton(
        elevation: 100,
        shape: new CircleBorder(
            side: new BorderSide(
                color: Colors.black, width: 5.0)),
        backgroundColor: Colors.orangeAccent,
        onPressed: () {},
        child: new Icon(
          FontAwesomeIcons.chevronUp,
          size: 80,
        )),
  ),
),

这是带有图标子项的不居中 FAB。

只有我觉得图标没有居中吗？

Answer 1

与 Icons.person 相同的代码

与文本小部件相同的代码

与 chevronCircleUp 相同的代码

Show Debug Paint顺便我用过。我使用了 chevronCircleUp，只是为了清楚地看到小部件的区域。我认为你是对的，它不够集中，但是，这个例子让我认为问题与 FontAwesome 图标有关。

还有这个问题

字体图标渲染框对于某些字符不够大

矩形图标居中不正确

所以我在第一个问题上应用了解决方法，这是代码。现在应该足够好了。

Theme.of(context)
              .copyWith(highlightColor: Colors.red, splashColor: Colors.red),
          child: SizedBox(
              height: MediaQuery.of(context).size.height / 7,
              width: MediaQuery.of(context).size.height / 7,
              child: FloatingActionButton(
                elevation: 100,
                shape: new CircleBorder(
                    side: new BorderSide(color: Colors.black, width: 5.0)),
                backgroundColor: Colors.orangeAccent,
                onPressed: () {},
                child: Text(
                    String.fromCharCode(
                        FontAwesomeIcons.chevronUp.codePoint),
                    style: TextStyle(
                        fontSize: 72.0,
                        fontFamily: FontAwesomeIcons.chevronUp.fontFamily,
                        package: FontAwesomeIcons.chevronUp.fontPackage)),
              )),
        ),