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

Question

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

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

用户通过操作系统辅助功能设置设置了大字体。现在我的文本已经用更大的字体显示了(超过18px)。我知道我可以使用< code > allowFontScaling = { false } ，但我不想失去文本的可访问性。我看到React native有一个API来获取字体比例< code > pixel ratio . getfont scale()，但它不适用于iOS

返回字体大小的比例因子。这是用于计算绝对字体大小的比率，因此任何严重依赖于它的元素都应该使用它来进行计算。

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

目前，这仅在Android上实现，并反映了在设置中设置的用户首选项

有什么想法吗？

Answer 1

你可以使用Window维度

import { useWindowDimensions } from 'react-native';

const MyScreen = ({ navigation }) => {
   useWindowDimensions().fontScale // you will get current scale
}

Answer 2

反应原生设备信息提供了一个功能，getFontScale（），它似乎在Android和iOS中都有效。