在 React Native 中支持动态类型(iOS)

问题描述 投票:0回答:4

有谁知道如何在 React Native 中实现对动态类型的支持?

理想情况下,我们希望监听何时有人更改了系统字体的大小,并执行某种类型的回调。

或者更好的是,阻止在某些组件上实现字体缩放。

enter image description here

react-native react-native-ios
4个回答
29
投票

好吧,事实证明你可以申请:

allowFontScaling={false}

为了防止这种情况发生。

这对我有用:

<Text allowFontScaling={false}>Do not want font to scale</Text>

8
投票

要全局解决此问题,请在根组件的defaultProps中设置allowFontScaling,如下所示:

constructor() {
    super();
    Text.defaultProps.allowFontScaling = false; // Disallow dynamic type on iOS
}

7
投票

一般来说,您不应该阻止字体缩放,因为您会故意使您的应用程序难以访问。一些用户由于感官困难或小屏幕等硬件限制而难以阅读内容,因此他们依靠这种字体缩放来阅读。


1
投票

迟到了,但需要这个对我有用

Text.defaultProps = Text.defaultProps || {}
Text.defaultProps.allowFontScaling = false
© www.soinside.com 2019 - 2024. All rights reserved.