android - react native : Custom font renders differently on Android and iOS

Question

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

我为 Android 和 iOS 使用相同的 TTF 字体文件。 (我找到了我正在使用的字体的在线引用 here 。)

有什么想法可以让 Android 和 iOS 的字体渲染相同吗？

需要说明的是，差异不是由任何样式(边距、字体大小等)引起的。完全一样。

Answer 1

我找到了修复方法，但感觉不对。我认为您应该找到另一种在每台设备上呈现相同的字体。

您可以尝试使用 lineHeight、padding 和 margin 来为您的文本组件获得相同的垂直对齐方式:

iOS:

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