Intl.NumberFormat在多端同locale下格式化结果不一致问题求助

问题背景 #

使用en-DE（英语-德国）locale进行数字格式化时，跨平台出现行为差异：

• Safari/iOS：货币与非货币数字均遵循德国格式（千分位用.，小数点用，，货币符号在末尾），符合预期
• Chrome/Android：非货币数字遵循德国格式，但货币数字采用英语规则（千分位用，，小数点用.，货币符号在开头）

测试代码 #

const number = 123456.789;
const locale = new Intl.Locale('en-DE', { region: 'DE' });
console.log(new Intl.NumberFormat(locale, { style: 'currency', currency: 'EUR' }).format(number));
console.log(new Intl.NumberFormat('en-DE', { style: 'currency', currency: 'EUR' }).format(number));
console.log(new Intl.NumberFormat(locale).format(number));
console.log(new Intl.NumberFormat('en-DE').format(number));

各平台输出 #

Safari/iOS

> "123.456,79 €"
> "123.456,79 €"
> "123.456,789"
> "123.456,789"

Chrome/Android

> "€123,456.79"
> "€123,456.79"
> "123.456,789"
> "123.456,789"

解决方案 #

方案1：手动指定格式化规则（通用） #

直接在NumberFormat配置中明确设置德国地区的格式细节，覆盖平台默认解析逻辑：

const number = 123456.789;
const germanCurrencyOptions = {
  style: 'currency',
  currency: 'EUR',
  groupingSeparator: '.', // 德国千分位分隔符
  decimalSeparator: ',', // 德国小数点分隔符
  currencyDisplay: 'symbol',
  minimumFractionDigits: 2,
  maximumFractionDigits: 2,
  formatMatcher: 'basic' // 避免引擎优先匹配英语规则
};

// 无论平台，格式化结果统一为德国规则
console.log(new Intl.NumberFormat('en-DE', germanCurrencyOptions).format(number));
// 输出："123.456,79 €"

方案2：切换为de-DE locale（业务允许时优先） #

如果不需要严格使用英语界面，直接使用de-DE（德语-德国）locale，所有平台都会默认遵循德国的数字和货币格式：

const number = 123456.789;
console.log(new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(number));
// 全平台统一输出："123.456,79 €"

React Native 专属适配 #

针对RN的iOS/Android差异，可通过以下两种方式解决：

方法1：平台差异化配置

import { Platform } from 'react-native';

const formatGermanCurrency = (amount) => {
  const baseOpts = { style: 'currency', currency: 'EUR' };
  
  if (Platform.OS === 'android') {
    // Android端强制指定德国格式规则
    return new Intl.NumberFormat('en-DE', {
      ...baseOpts,
      groupingSeparator: '.',
      decimalSeparator: ',',
      formatMatcher: 'basic'
    }).format(amount);
  }
  
  // iOS端直接使用默认配置即可
  return new Intl.NumberFormat('en-DE', baseOpts).format(amount);
};

// 使用示例
console.log(formatGermanCurrency(123456.789));

方法2：使用第三方库统一处理

借助@formatjs/intl-numberformat和react-native-localize来统一跨平台的国际化规则：

import { formatCurrency } from '@formatjs/intl-numberformat';
import { getLocales } from 'react-native-localize';

const currentLocale = getLocales()[0].languageTag || 'en-DE';
const formattedAmount = formatCurrency(123456.789, 'EUR', {
  locale: currentLocale,
  groupingSeparator: '.',
  decimalSeparator: ',',
  minimumFractionDigits: 2
});

console.log(formattedAmount);

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