了解 React Native 中的默认字体大小

Posted 2023-03-06

【中文标题】了解 React Native 中的默认字体大小

【英文标题】：Understanding default font sizes in React Native

【发布时间】：2018-03-29 09:13:43

【问题描述】：

在过去的几个月里，我一直在开发一个 React Native 应用程序，但我一直在寻找一些东西，而我现在才试图弄清楚。我正在尝试标准化我的应用程序中的字体大小（用于正文、标题等），并且正在努力了解 React Native 的默认字体大小是从哪里获得的。我一直在运行 ios 11 的 iPhone 8 模拟器中进行测试，通过实验得出的结论是，显示的默认字体是 14 个逻辑像素（就像在没有样式的全新元素中一样）。但是，检查iOS style guidelines 似乎iOS 上的默认正文文本是17pt。虽然我对设备缩放不太了解，但我已经尝试在我能找到的每个在线转换器中处理数字，但无法想出 17pt 如何接近 14 个逻辑像素（假设 RN 使用 body 默认字体大小）。我能够粗略翻译这两者的唯一方法是 DPI 是否在 90 左右，但 iPhone 的 DPI 高得多，高得多。那么任何人都可以提供有关如何在 React Native 中选择默认字体的见解吗？即使搜索源代码我也找不到太多。我希望能够自己计算基本大小，以便我可以根据其他字体大小进行缩放。提前致谢！

【参考方案1】：

建议你看看react-native-element的辅助方法normalizeText。它计算像素比率并相应地设置文本fontSize。

此外，您还应该考虑 iOS 中的辅助功能文本大小选项。此选项将影响您的所有应用。