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

2024-05-13

在过去的几个月里,我一直在开发一个 React Native 应用程序,但有些事情总是让我困惑,而我现在正试图弄清楚它的真相。我正在尝试标准化应用程序中的字体大小(正文、标题等),并且正在努力了解 React Native 究竟从哪里获取默认字体大小。我一直在运行 iOS 11 的 iPhone 8 模拟器中进行测试,通过实验得出的结论是显示的默认字体是 14 个逻辑像素(就像在没有样式的全新元素中一样)。然而,检查iOS 风格指南 https://developer.apple.com/ios/human-interface-guidelines/visual-design/typography/iOS 上的默认正文文本似乎是 17pt。虽然我对设备缩放不太了解,但我尝试过处理我能找到的每个在线转换器中的数字,但无法想出 17pt 如何接近 14 个逻辑像素(假设 RN 使用body默认字体大小)。我能够粗略地翻译这两者的唯一方法是 DPI 约为 90,但 iPhone 的 DPI 更高,much更高。那么是否有人能够提供有关如何在 React Native 中选择默认字体的见解?即使搜索源代码我也找不到太多。我希望能够自己计算基本尺寸,以便我可以根据比例缩放其他字体大小。提前致谢!


我建议你看看反应本机元素 https://github.com/react-native-training/react-native-elements的辅助方法normalizeText https://github.com/react-native-training/react-native-elements/blob/cd3c2f053fd7ef7bbc1a449082a3a4d5db498924/src/helpers/normalizeText.js。它计算像素比并设置文本fontSize因此。

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

了解 React Native 中的默认字体大小 的相关文章

随机推荐