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

在下面的图片中,我检查了与左侧Android和iOS右侧渲染相同的Text-component.似乎iOS将字体呈现在Text-container的顶部.

我正在为Android和iOS使用相同的TTF字体文件. (我在网上找到了我正在使用here的字体.)

任何想法如何使Android和iOS的字体渲染相同?

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

需要明确的是,差异不是由任何样式(边距,字体大小等)引起的.它完全一样.

解决方法:

我找到了修复但感觉不对劲.我认为你应该找到另一种在每台设备上呈现相同的字体.

您可以使用lineHeight,padding和margin来获得文本组件的相同垂直对齐:

iOS装置:

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

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

上一篇:在Python中以角度(旋转)绘制文本


下一篇:android – 通过xml设置自定义字体