更改设备字体时,应用程序字体也会更改。如何限制?

use*_*308 5 size fonts text react-native

我在反应本机应用程序中使用了一种自定义字体。当用户进入手机设置并更改字体大小时,一切工作正常。然后在应用程序中,用户界面看起来非常难看。我已经使用 StyleSheet.create 方法来创建应用程序中的所有样式,并且还为文本指定了明确的字体大小。但即使当手机设置字体大小改变时,我的应用程序字体大小也会改变。

有没有办法限制应用程序字体大小的任何更改,而不管用户在手机设置中执行什么操作?

gou*_*hal 7

或者您可以将其添加到主应用程序 index.js 文件中

// Override Text scaling
if (Text.defaultProps) {
  Text.defaultProps.allowFontScaling = false;
} else {
  Text.defaultProps = {};
  Text.defaultProps.allowFontScaling = false;
}

// Override Text scaling in input fields
if (TextInput.defaultProps) {
  TextInput.defaultProps.allowFontScaling = false;
} else {
  TextInput.defaultProps = {};
  TextInput.defaultProps.allowFontScaling = false;
}
Run Code Online (Sandbox Code Playgroud)


use*_*308 0

我能够在每个页面中使用以下代码解决这个问题

constructor() {
    super();
    if (Text.defaultProps == null) Text.defaultProps = {};
       Text.defaultProps.allowFontScaling = false;
}

Run Code Online (Sandbox Code Playgroud)

希望它也能帮助其他人。