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

Question

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

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

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

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

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

Answer 1

您需要有条件地给出行高，例如关注

import {Platform} from 'react-native';

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