Flutter中如何根据字体大小适配Card高度避免无障碍设置下文本溢出

你的计算逻辑遗漏了以下几个核心部分： #

• 忽略了TextStyle自带的height行高系数
  Flutter中Text的实际行高并非仅由fontSize * textScaleFactor决定，TextStyle的height属性会额外乘以当前字体大小作为最终行高基准。如果你的主题中对应TextStyle配置了height（哪怕是默认未显式设置，不同平台也有默认的行高系数，通常在1.1~1.2之间），你未将该参数纳入计算，就会导致总高度偏小。
• 未统计两个Text组件之间的垂直间距
  你大概率在两个Text组件之间设置了间距（比如使用SizedBox、Padding，或是Column的spaceBetween等对齐方式产生的间隙），这部分垂直高度完全没有被加到总高度里。
• 没有适配非线性字体缩放规则
  Flutter 3.10及以上版本中MediaQuery.textScaleFactor已经被废弃，替换为textScaler。新版本系统无障碍大字体场景下支持非线性缩放，不再是简单的全局线性乘以同一个系数，用旧的textScaleFactor计算会在高缩放比例下出现明显偏差。
• 遗漏了Text组件本身的上下额外留白
  部分字体本身会自带超出字体大小的上下展示留白，如果你没有给Text设置strutStyle强制对齐，这部分额外高度也会导致计算值偏小。

更稳妥的解决方案： #

不建议手动计算Card高度，直接用自适应布局即可：

Card(
  child: Padding(
    padding: EdgeInsets.symmetric(vertical: verticalPadding),
    child: Column(
      mainAxisSize: MainAxisSize.min, // 高度自动适配内容
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(标题文本, maxLines: titleMaxLines, style: Theme.of(context).textTheme.headline5),
        SizedBox(height: 8), // 两个文本的间距，可替换为你实际使用的数值
        Text(正文文本, maxLines: bodyMaxLines, style: Theme.of(context).textTheme.bodyText2),
      ],
    ),
  ),
)

这种布局会自动适配所有字体缩放比例，完全不会出现溢出问题。

如果你一定要手动计算高度，修正后的逻辑参考：

double getCardHeight(BuildContext context) {
  final textScaler = MediaQuery.of(context).textScaler;
  final titleStyle = Theme.of(context).textTheme.headline5 ?? const TextStyle();
  final bodyStyle = Theme.of(context).textTheme.bodyText2 ?? const TextStyle();

  // 计算实际行高，包含height系数和缩放
  final titleLineHeight = textScaler.scale(titleStyle.fontSize ?? 0) * (titleStyle.height ?? 1.2);
  final bodyLineHeight = textScaler.scale(bodyStyle.fontSize ?? 0) * (bodyStyle.height ?? 1.2);

  final textsHeight = (titleLineHeight * titleMaxLines) + (bodyLineHeight * bodyMaxLines);
  // 加上两个文本之间的间距，替换为你实际的间距值
  final totalHeight = textsHeight + verticalPadding * 2 + 8;
  return totalHeight;
}

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