React Native iOS应用如何消除Accessibility Inspector中的“Dynamic Text font sizes are unsupported”警告？

我之前也踩过这个坑！明明全局给Text和TextInput设置了allowFontScaling: false，字体也确实不缩放了，但Accessibility Inspector还是对着TextInput弹出那个烦人的警告。其实问题出在React Native对TextInput的属性处理逻辑上——单纯通过defaultProps全局覆盖，有时候没法完全传递到底层的iOS原生组件上。下面是我亲测有效的几个解决方法：

方法一：自定义TextInput组件强制设置属性 #

直接封装一个自己的TextInput组件，把allowFontScaling={false}硬编码进去，然后全局替换所有原生TextInput的引用。这样每个TextInput实例都会明确传递这个属性给底层iOS视图，让Accessibility Inspector能识别到我们已经禁用了动态字体。

示例代码：

import React from 'react';
import { TextInput as RNTextInput } from 'react-native';

export const TextInput = (props) => {
  // 强制覆盖allowFontScaling，确保优先级最高
  const mergedProps = {
    ...props,
    allowFontScaling: false,
  };
  return <RNTextInput {...mergedProps} />;
};

之后把项目里所有import { TextInput } from 'react-native'替换成导入这个自定义组件就行。

方法二：检查第三方UI组件的TextInput #

如果你用了像react-native-paper、Native Base这类第三方UI库，它们内部的TextInput组件可能没有继承你的全局defaultProps设置。这时候需要：

• 查看组件库的文档，看是否有全局配置字体缩放的选项
• 或者在使用这些组件时，手动传递allowFontScaling={false}属性

比如react-native-paper的TextInput使用示例：

import { TextInput } from 'react-native-paper';

<TextInput
  label="Username"
  allowFontScaling={false} // 手动添加这个属性
/>

方法三：原生层直接禁用（进阶方案） #

如果上面两种方法都没解决，可以直接在iOS原生代码里设置adjustsFontForContentSizeCategory为NO，这是iOS原生控制动态字体适配的核心属性。

你可以创建一个自定义的TextInput原生模块，或者在对应组件的原生实现中添加设置：

// 在自定义TextInput的iOS原生实现文件中
#import <React/RCTTextInput.h>

@implementation CustomTextInputView
- (instancetype)initWithFrame:(CGRect)frame {
  if (self = [super initWithFrame:frame]) {
    // 禁用动态字体适配
    self.adjustsFontForContentSizeCategory = NO;
  }
  return self;
}
@end

然后在RN端关联这个原生组件即可，不过这个方法需要一定的原生开发基础，优先推荐前两种更轻量的方案。

验证效果 #

修改完成后，重新编译运行iOS项目，打开Accessibility Inspector再次检查TextInput组件，那个“Dynamic Text font sizes are unsupported”警告应该就消失啦。

内容的提问来源于stack exchange，提问作者Everlid