flutter - 为什么 Text Widget 的 renderObject 的高度大小大于 fontSize

Question

考虑使用这个简单的文本小部件:

Text(
    product.name,
    style: TextStyle(fontSize: 16)
)

当我在 Flutter Inspector 中检查 Widget 树时，我看到 renderObject 的大小为 19 的高度。此外，对于 fontSize = 14，renderObject 高度大小的值为 16。

这个 19(对于 fontSize 16)或 16(对于 fontSize 14)值是如何计算的？

我看到浏览器(至少是 Chrome)做了类似的事情，我注意到 line-height CSS 属性执行此操作，其值约为 1.166667。

回到 Flutter，我注意到实际的 rendereBox 高度值是 fontSize*lineHeight 四舍五入的(也约为 1.166667)。

我尝试将 TextStyle 的 height 设置为 1(which seems it is the same 作为 CSS 属性)但没有成功。 TextStyle height 属性的默认值已经是 1，而不是 1.166667。

我在哪里可以得到这个 lineHeight 的准确值？如果 ti 没有硬编码在某处，它是如何计算的？

Answer 1

尝试使用 TextStyle 的 height 属性并将其设置为零，如下所示:

          Text(
               product.name,
                style: TextStyle(
                  fontSize: 16,
                  height: 0
                ),
              ),