React Native适配iOS无障碍「粗体文本」设置不生效问题咨询

核心结论：React Native 并非不支持iOS系统「设置 > 无障碍 > 显示与文字大小 > 粗体文本」的联动能力。既然你这边「更大文本」等其他无障碍设置可以正常生效，说明应用的无障碍基础链路是通畅的，粗体效果不落地完全是实现层面的常见遗漏，和框架能力无关。

生效原理说明 #

RN 中iOS端的Text组件底层直接映射系统原生UILabel控件，原生控件本身具备感知系统粗体开关状态、自动为文本叠加粗体效果的能力。和动态字号的开箱即用适配不同，粗体效果的联动没有内置全局自动启用逻辑，需要开发者做主动适配，这也是很多人误以为框架不支持的核心原因。

常见不生效的场景与修复方式 #

• 硬编码固定字重/自定义字体覆盖系统逻辑
  如果在文本样式中直接写死了fontWeight: '600'/'700'，或是指定了带固定字重的字体（比如fontFamily: 'PingFangSC-Medium'），会直接覆盖系统的粗体自动叠加逻辑——系统本身的粗体效果是在文本原有字重基础上额外加重，一旦你指定了和动态规则不匹配的固定字重，系统的联动逻辑就会被阻断。
• 缺少系统状态的主动感知
  可以通过RN内置的AccessibilityInfo接口，实时监听系统粗体开关的状态，动态调整文本字重；RN 0.72及以上版本也封装了useAccessibilityInfo Hook，可更便捷地获取对应状态，无需手动编写监听逻辑。通用的适配实现参考：

  import { Text, AccessibilityInfo, StyleSheet } from 'react-native';
  import { useEffect, useState } from 'react';
  
  // 封装全局通用文本组件
  function AdaptiveText(props) {
    const [isBoldEnabled, setIsBoldEnabled] = useState(false);
  
    useEffect(() => {
      // 初始化获取当前粗体开关状态
      AccessibilityInfo.isBoldTextEnabled().then(setIsBoldEnabled);
      // 注册状态变化监听
      const subscription = AccessibilityInfo.addEventListener(
        'boldTextChanged',
        setIsBoldEnabled
      );
      return () => subscription.remove();
    }, []);
  
    return (
      <Text
        {...props}
        style={[
          styles.baseText,
          { fontWeight: isBoldEnabled ? '700' : '400' },
          props.style
        ]}
      />
    )
  }
  
  const styles = StyleSheet.create({
    baseText: {
      fontSize: 16,
      color: '#333'
    }
  })
  

• 自定义字体映射缺失
  如果应用使用了非系统自带的第三方自定义字体，需要在iOS项目的Info.plist中完成字体家族的字重映射配置，让系统在开启粗体开关时，能匹配到对应字重的字体文件，否则即使没有硬编码字重，系统也会因为找不到可用的粗体字体文件而无法生效。

补充说明 #

「更大文本」设置可以正常生效，是因为RN为动态字号提供了内置的全局开关（通过AppRegistry.setAppParameters配置的allowFontScaling默认值），大部分开发者会在项目初始化时打开这个能力，适配成本极低。但粗体文本的适配没有这类全局自动配置，需要开发者主动在通用组件层加上状态感知逻辑，才能完成联动。

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