SwiftUI使用GeometryReader计算适配多行文本的字体时偏大如何解决

API 探路者

2026-10-3

问题原因

你的计算逻辑错误假设「字体的pointSize等于单行文本实际占用的高度」，实际SwiftUI中Text的渲染高度由字体的字形参数决定：

字体的总占用行高 = 上升部（ascender）+ 下降部（descender）+ 行间距（leading），总高度会大于你设置的font size数值
系统默认字体的行高约为pointSize的1.15~1.2倍，这就是你计算出的字体偏大、内容溢出容器的核心原因

解决方法

简易适配方案

直接给计算得到的字体大小乘以修正系数即可，系统字体通用修正系数为0.85：

.font(.system(size: (geometry.size.height / CGFloat(lines)) * 0.85))

该方案实现简单，适合对精度要求不高的普通场景。

精确适配方案

如果需要完全填充容器没有误差，可以通过字体参数反向推导正确的字体大小：

GeometryReader { geometry in
    // 先计算每行期望高度
    let expectedLineHeight = geometry.size.height / CGFloat(lines)
    // 用期望高度作为初始字号获取对应字体的实际行高
    let sampleFont = UIFont.systemFont(ofSize: expectedLineHeight)
    let actualLineHeight = sampleFont.lineHeight
    // 反向计算出刚好匹配期望行高的字号
    let correctFontSize = expectedLineHeight * (expectedLineHeight / actualLineHeight)
    
    VStack(alignment: .leading, spacing: 0) {
        ForEach(0..<lines) { idx in
            Text(newData[idx])
        }
    }
    .font(.system(size: correctFontSize))
}