fonts - react native : Height of Text-component is calculated wrong for custom font

Question

React Native 无法根据其内容计算 Text 组件的正确高度。

尽管第四行带有一些文本，但左侧屏幕截图中只有三行可见(如果仔细观察，您可以看到一些高字母的顶部像素)。在右侧的屏幕截图中，高度计算正确，即使我只在文本中添加了最后一个单词“amet”。



这可能与我之前遇到的自定义字体问题有关:React Native: Custom font renders differently on Android and iOS .但是，同样的错误也发生在 Android 上，其中缺少第四行:

Answer 1

我在 RN 0.59 上使用自定义字体(在我的例子中是 Lato-Regular)时遇到了同样的问题。基于 this SO answer ，我认为我用于自定义字体的 TTF 文件可能有些奇怪。我最初从 Google Fonts 下载了我的 TTF 文件。我找到了“官方”字体源(对我来说是 Lato docs)并使用了他们的 TTF 文件。我将它放入我的项目中，Text 组件现在能够正确计算它的高度。