React Native：自定义字体在Android和iOS上的呈现方式不同

在下面的图片中，我检查了左侧的Android和右侧的iOS上呈现的相同的文本组件。 看来，iOS呈现在文本容器顶部的字体。

我为Android和iOS使用相同的TTF字体文件。 （我发现这里使用的字体的在线参考。）

任何想法如何使字体呈现相同的Android和iOS？

只是要清楚，差异不是由任何样式（边距，字体大小等）造成的。 完全一样。

Answer 1

我发现了一个修复，但它不正确。 我认为你应该find另一种在每个设备上呈现相同的字体。

您可以使用lineHeight ， padding和margin来获得与文本组件相同的垂直alignment方式：

iOS装置：

 instructions: { fontFamily: 'Metric-Regular', fontSize: 50, lineHeight: 50, paddingTop: 25, marginBottom: -35, marginTop: 35 }