使用React Native在Android / iOS上使用不同的lineHeight

Posted 2021-04-05

使用<Text>的简单lineHeight: 21视图，相同的元素似乎在android和ios设备上呈现不同。这非常烦人。

我用“Arial”作为默认字体和自定义字体进行了测试。使用自定义字体（Sofia Pro Light），差异变得更大。

如何在两个操作系统上实现相同的fontStyling？

fontFamily: Arial:（Android 59dp，iOS 65pd）

fontFamily: SofiaProLight（Android 51.7dp，iOS 66pd）

答案

您需要有条件地给出行高，如下所示

import {Platform} from 'react-native';

lineHeight: Platform.OS === 'ios' ? 19 : 21