全局禁用字体缩放后字体仍可缩放的问题排查

看起来你已经尝试了通过设置Text和TextInput的defaultProps来全局禁用字体缩放，但效果没达到预期，我来帮你一步步排查问题并给出解决方案～

问题可能出在这几个地方 #

1. 设置时机太晚，组件提前渲染了

你现在把defaultProps的设置放在了App.tsx的组件外部，但AppLoading还在加载字体，而你的Navigation里的页面组件可能在这个设置生效前就已经渲染了，导致部分Text组件没应用到这个配置。

2. 自定义/第三方UI组件没覆盖到

如果你的Navigation里用了自定义的Text组件（比如自己封装的StyledText）或者第三方UI库组件（比如NativeBase、React Native Paper的Text组件），这些组件并不会自动继承原生Text的defaultProps，需要单独处理。

3. TypeScript类型忽略可能隐藏了潜在问题

你用了// @ts-ignore跳过类型检查，虽然能运行，但可能导致设置逻辑没有正确执行（比如defaultProps的赋值出现了隐性错误）。

具体解决步骤 #

第一步：把全局设置移到应用最早期的入口（index.js）

要确保allowFontScaling的设置在任何组件渲染前执行，所以最好把这段代码放在index.js的最顶部，而不是App.tsx里。修改你的index.js：

import { Text, TextInput } from 'react-native';
import { registerRootComponent } from 'expo';
import App from './App';

// 全局禁用字体缩放 - 必须在组件渲染前执行
if (!Text.defaultProps) {
  Text.defaultProps = {};
}
Text.defaultProps.allowFontScaling = false;

if (!TextInput.defaultProps) {
  TextInput.defaultProps = {};
}
TextInput.defaultProps.allowFontScaling = false;

registerRootComponent(App);

然后删除App.tsx里所有关于Text.defaultProps和TextInput.defaultProps的代码，避免重复设置导致冲突。

第二步：处理自定义/第三方组件

• 如果用了自定义Text组件（比如const StyledText = (props) => <Text style={...} {...props} />），要在自定义组件里显式设置allowFontScaling={false}，或者给自定义组件的defaultProps也加上这个配置：

  const StyledText = (props) => <Text {...props} />;
  StyledText.defaultProps = {
    allowFontScaling: false
  };
  

• 如果用了第三方UI库，比如React Native Paper，需要在库的主题配置里禁用字体缩放：

  import { Provider as PaperProvider, DefaultTheme } from 'react-native-paper';
  
  const customTheme = {
    ...DefaultTheme,
    fonts: {
      ...DefaultTheme.fonts,
      allowFontScaling: false
    }
  };
  
  // 然后在App里用PaperProvider包裹
  <PaperProvider theme={customTheme}>
    <Navigation />
  </PaperProvider>
  

第三步：验证设置是否生效

1. 打开设备的「设置」→ 找到「显示与亮度」/「辅助功能」里的「字体大小」选项；
2. 调整字体大小到最大，然后回到你的应用；
3. 检查所有Text和TextInput组件的字体是否没有跟随系统缩放。

额外注意事项 #

• 尽量避免用// @ts-ignore，可以用更安全的类型断言来处理TypeScript的类型提示：

  Text.defaultProps = { ...(Text.defaultProps as any), allowFontScaling: false };
  

• 虽然你知道禁用字体缩放的 accessibility 风险，但还是建议在应用内提供一个自定义字体大小调整的选项，平衡用户需求和无障碍体验。

内容来源于stack exchange