在过去的几个月里,我一直在开发 React Native 应用程序,但我一直在努力寻找一些东西。我正在尝试标准化我的应用程序中的字体大小(用于正文、标题等),并且正在努力了解 React Native 的默认字体大小究竟是从哪里获得的。我一直在运行 iOS 11 的 iPhone 8 模拟器中进行测试,通过实验得出的结论是,显示的默认字体是 14 个逻辑像素(就像在没有样式的全新元素中一样)。但是,检查iOS 风格指南iOS 上的默认正文似乎是 17pt。虽然我不太了解设备缩放,但我已经尝试在我能找到的每个在线转换器中处理数字,并且无法想出 17pt 如何接近 14 个逻辑像素(假设 RN 使用正文字体大小默认)。我能够粗略地翻译这两者的唯一方法是 DPI 是否在 90 左右,但 iPhone 的 DPI要高得多。那么是否有人能够提供有关如何在 React Native 中选择默认字体的见解?即使搜索源代码,我也找不到太多。我希望能够自己计算基本大小,以便我可以根据其他字体大小进行缩放。提前致谢!
了解 React Native 中的默认字体大小
IT技术
ios
reactjs
react-native
fonts
font-size
2021-05-25 11:09:07
1个回答
我建议你看看react-native-element的辅助方法normalizeText
。它计算像素比率并相应地设置文本fontSize
。
此外,您还应该考虑 iOS 中的辅助功能文本大小选项。此选项将影响您的所有应用程序。