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

标签 javascript android ios react-native fonts

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

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

如何在两个操作系统上实现相同的字体样式?

fontFamily: Arial: (安卓 59dp,iOS 65pd)

Arial

fontFamily: SofiaProLight (安卓 51.7dp,iOS 66pd)

Sofia Pro

最佳答案

你需要像follow一样有条件地给出行高

import {Platform} from 'react-native';

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

关于javascript - 使用 React Native 在 Android/iOS 上使用不同的 lineHeight,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47925577/

相关文章:

android - 渲染问题 Android Studio 0.8.2

ios - UITableView 自定义拉动刷新 View 不显示

ios - 无需导航即可更改 View

ios - 提供带有目标回调队列的异步和同步 API

javascript - 如何在 JavaScript 中将序列化数组值转换为 JSON

javascript - ng-repeat 在模型更改后不更新

javascript - 在js中将嵌套数组转换为JSON字符串?

android - Android 上触觉反馈的一般设置

java - firebase数据库读取问题

javascript - 是否可以调试在 IE9 中的 iFrame 中运行的 Javascript