React Native - 如何在字体缩放后检测字体大小?

时间:2018-03-19 16:17:47

标签: react-native fonts

我需要检测字体缩放后文本组件的字体大小。 我们假设我有一个字体大小为18px的Text组件

<Text style={{fontSize: 18}}>My Text</Text>

用户通过操作系统辅助功能设置设置了大字体。 现在我的文字已经渲染了更大的字体(超过18像素)。 我知道我可以使用allowFontScaling={false},但我不想丢失文本可访问性。 我看到React原生有一个用于获取字体比例PixelRatio.getFontScale()的API,但它不适用于iOS

  

返回字体大小的缩放系数。这是比率   用于计算绝对字体大小,因此任何元素都很重要   依靠它应该用它来做计算。

     

如果未设置字体比例,则返回设备像素比率。

     

目前这仅在Android上实现并反映用户   设置&gt;中设置的偏好设置显示&gt;字体大小,在iOS上它会   始终返回默认像素比率。 @platform android

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

react-native-device-info提供了getFontScale()函数,该函数似乎可以在android和iOS中使用。