React Native 0.77.1 iOS端出现AppleLocale未定义读取错误求助

错误原因 #

直接访问NativeModules.SettingsManager.settings.AppleLocale时，NativeModules.SettingsManager.settings可能为undefined（比如App初始化阶段未完成加载、特定iOS版本兼容问题），触发类型错误。

修复方案 #

添加空值判断，使用可选链操作符安全访问嵌套属性，同时设置默认 fallback 值：

import { Platform, NativeModules } from 'react-native';

const getDeviceLocale = () => {
  if (Platform.OS === 'ios') {
    const settings = NativeModules.SettingsManager?.settings;
    if (!settings) return 'en-US';
    return settings.AppleLocale || settings.AppleLanguages?.[0] || 'en-US';
  }
  return NativeModules.I18nManager.localeIdentifier || 'en-US';
};

关键优化点 #

• 用?.可选链操作符避免直接访问undefined属性报错
• 增加空值判断，当settings不存在时返回默认locale
• 给AppleLanguages添加可选链，防止数组未初始化的情况

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