React Native 自定义字体额外填充

Question

我正在为Android和IOS使用自定义字体（Cairo）。在两个平台上，字体都呈现出额外的填充空白，如下所示。

当我尝试将lineHeight=[fontSize]设置时，我得到了以下结果。

我尝试按照这篇文章的方法设置lineGap=0： Consistent font line height rendering 但我发现它已经是零了。

我还尝试了paddingTop的解决方案，但它根本不起作用，只是像上面的图片一样将文本向下移动了底部空间。

希望有人能帮忙 :)

- Ahmed Yehia

---

尝试设置高度以及行高 - John Ruddell

同样的问题 :( - Ahmed Yehia

考虑到你的回答完全符合我提出的建议，你确定是同一个问题吗？;P - John Ruddell

@JohnRuddell 哈哈哈，是的，你说得对：），设置高度是你的责任，而(lineHeight: font-size * 1.4) 是我的；P - Ahmed Yehia

Answer 1

我最终做了如下的事情：

fontSize: 15,
lineHeight: 15 * 1.4,
height: 15

虽然我对这样的解决方案不太满意，但它是唯一能让它工作的东西 o_O

如果我得到更好的解决方案，我会更新问题 :)

- Ahmed Yehia

---

很遗憾，这不是一个好的答案（但是作为一种权宜之计是可以接受的），因为你增加了多行文本之间的行间距。 - Luca Davanzo