如何使用react-native-localize获取国家电话前缀？

react-native-localize本身确实没有提供直接获取国家电话前缀的API，不过有两种靠谱的实现方式：

1. 手动维护国家代码-电话前缀映射表 #

既然你已经能通过RNLocalize.getCountry()拿到ISO国家代码（比如ES、US），可以自己定义一个映射对象来匹配前缀，这种方式轻量且无需额外依赖：

import * as RNLocalize from 'react-native-localize';

// 按需补充需要支持的国家
const countryPhonePrefixMap = {
  'US': '+1',
  'ES': '+34',
  'CN': '+86',
  'GB': '+44',
  'DE': '+49'
};

// 获取当前国家的电话前缀
const getPhonePrefix = () => {
  const countryCode = RNLocalize.getCountry();
  // 找不到对应国家时返回默认前缀，比如+1
  return countryPhonePrefixMap[countryCode] || '+1';
};

// 使用示例
const userPhonePrefix = getPhonePrefix();

2. 使用专业号码处理库 #

如果需要支持大量国家，或者要处理更复杂的电话号码验证、格式化场景，推荐用libphonenumber-js这个库，它能直接根据国家代码返回电话前缀：

首先安装依赖：

npm install libphonenumber-js
# 或者用yarn
yarn add libphonenumber-js

然后在代码中使用：

import * as RNLocalize from 'react-native-localize';
import { getCountryCallingCode } from 'libphonenumber-js';

const getPhonePrefix = () => {
  try {
    const countryCode = RNLocalize.getCountry();
    // 直接获取国家电话区号，返回数字类型
    const callingCode = getCountryCallingCode(countryCode);
    return `+${callingCode}`;
  } catch (err) {
    // 处理不识别的国家代码情况
    console.warn('无法获取电话前缀:', err);
    return '+1';
  }
};

// 使用示例
const userPhonePrefix = getPhonePrefix();

两种方式各有优劣：手动映射适合需求简单、支持国家少的项目；libphonenumber-js更全面，能覆盖几乎所有国家，还附带号码处理的其他功能，适合复杂场景。

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