在 Flutter 中使用自定义 Icon 字体确保间距一致答案

【问题标题】：Ensuring consistent spacing with custom Icon font in Flutter在 Flutter 中使用自定义 Icon 字体确保间距一致
【发布时间】：2019-07-26 14:59:37
【问题描述】：

我正在尝试在我的 Flutter 应用程序中使用 this 自定义天气字体，但我在间距方面遇到了一些问题。

图标似乎在其容器之外呈现，这导致了一些布局问题。

此代码创建以下内容

Container(
  color: Colors.amber,
  child: Icon(
    IconData(0xf05c),
    size: 100,
  ),
);

如您所见，图标不在其边界框中居中。

这是另一个图标的示例：

最好的方法是让所有图标占据相同的空间，并在它们的框中居中？

【问题讨论】：

【解决方案1】：

我使用常规内置图标运行上述代码，容器自动将图标居中

Container(
  color: Colors.amber,
  child: Icon(
      Icons.access_alarm,
      size: 100,
  ),
),

您从哪里获得这 2 张图片？我想知道这 2 个自定义图像是否会破坏该 Container 父级的对齐方式。这 2 幅图像是否有任何额外的内嵌到图像本身中，可能会导致图像脱落？

【讨论】：

【解决方案2】：

Container的父容器的对齐有时会影响Container内部的对齐，可以通过给Container添加对齐属性来保证。

Container(
  alignment:Alignment.center
  color: Colors.amber,
  child: Icon(
    IconData(0xf05c),
    size: 100,
  ),
);

【讨论】：