Flutter引入Gill Sans字体后图标与文本垂直对齐异常求助

问题原因 #

自定义字体（如Gill Sans）的基线、 ascent/descent 间距与Flutter默认字体不一致，导致ListTile的默认布局逻辑无法让文本和图标正确垂直对齐。

解决方案 #

1. 使用StrutStyle统一基线标准 #

通过自定义StrutStyle强制文本对齐逻辑匹配默认字体的布局参数，修正偏移：

title: Text(
  "Hello World",
  style: TextStyle(
    fontFamily: "GillSans",
  ),
  strutStyle: StrutStyle(
    fontFamily: "Roboto", // 复用默认字体的基线规则
    forceStrutHeight: true,
  ),
),

2. 手动微调文本位置 #

给Text组件添加内边距，根据实际偏移量调整垂直位置：

title: Padding(
  padding: const EdgeInsets.only(top: 2.0), // 数值可根据实际偏差调整
  child: Text(
    "Hello World",
    style: TextStyle(fontFamily: "GillSans"),
  ),
),

3. 改用Row组件精确控制对齐 #

放弃ListTile的默认布局，直接用Row组件强制垂直居中：

body: Padding(
  padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 8.0),
  child: Row(
    crossAxisAlignment: CrossAxisAlignment.center,
    children: [
      const Icon(Icons.home),
      const SizedBox(width: 16.0),
      Text(
        "Hello World",
        style: TextStyle(fontFamily: "GillSans"),
      ),
    ],
  ),
),

4. 修正字体文件元数据（进阶） #

若以上方法无效，可能是字体本身的 ascent/descent 参数异常。可使用FontForge等工具打开字体文件，调整OS/2表中的Win Ascent和Win Descent数值，使其与Roboto等标准字体的参数匹配（参考值：Win Ascent约1900，Win Descent约500）。

内容的提问来源于stack exchange，提问作者RishV