在下面的图片中,我检查了与左侧Android和iOS右侧渲染相同的Text-component.似乎iOS将字体呈现在Text-container的顶部.
我正在为Android和iOS使用相同的TTF字体文件. (我在网上找到了我正在使用here的字体.)
任何想法如何使Android和iOS的字体渲染相同?
需要明确的是,差异不是由任何样式(边距,字体大小等)引起的.它完全一样.
解决方法:
我找到了修复但感觉不对劲.我认为你应该找到另一种在每台设备上呈现相同的字体.
您可以使用lineHeight,padding和margin来获得文本组件的相同垂直对齐:
iOS装置:
instructions: {
fontFamily: 'Metric-Regular',
fontSize: 50,
lineHeight: 50,
paddingTop: 25,
marginBottom: -35,
marginTop: 35
}