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

时间:2017-10-17 15:49:47

标签: ios reactjs react-native fonts font-size

过去几个月我一直在研究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 个答案:

答案 0 :(得分:3)

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

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