React Native:自定义字体的文本组件高度计算错误

时间:2017-02-02 13:36:31

标签: fonts react-native

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

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

enter image description here

这可能与我之前使用自定义字体的问题有关:React Native: Custom font renders differently on Android and iOS。但是,在第四行缺失的情况下,Android上也会出现同样的错误:

enter image description here

1 个答案:

答案 0 :(得分:0)

在RN 0.59上使用自定义字体(在我的情况下为Lato-Regular)时,我遇到了相同的问题。基于this SO answer,我认为我用于自定义字体的TTF文件可能有些时髦。我最初是从Google字体下载我的TTF文件的。我找到了“官方”字体来源(对我来说是Lato docs)并使用了他们的TTF文件。我将其弹出到项目中,并且Text组件现在能够正确计算其高度。