Flutter Firebase手机号认证如何设置默认国家区号+84

需修改的核心文件 #

• 手机号登录/注册页文件：通常路径为lib/screens/phone_login_screen.dart，即承载手机号输入框的页面文件
• 认证逻辑文件：如果把Firebase认证逻辑单独抽离，一般是lib/services/firebase_auth_service.dart；如果逻辑直接写在页面中，和上一个是同一个文件，无需额外找其他文件

具体修改步骤 #

1. 输入框前置固定显示+84区号 #

不要让用户手动输入区号，直接在输入框左侧固定写死+84标识，用户仅可在右侧输入框填写10位本地手机号。

注意：越南本地手机号以0开头，传给Firebase时需要去掉开头的0，拼接为符合E.164规范的格式（例：用户输入0912345678，最终传参为+84912345678），否则Firebase会识别为无效手机号。

自行写输入框布局的参考代码：

// 全局定义固定区号常量，方便后续维护
const String kDefaultCountryCode = '+84';

// 输入框区域布局
Row(
  crossAxisAlignment: CrossAxisAlignment.center,
  children: [
    // 固定显示的前置区号，不可编辑
    Padding(
      padding: const EdgeInsets.symmetric(horizontal: 12),
      child: Text(
        kDefaultCountryCode,
        style: const TextStyle(fontSize: 16, fontWeight: FontWeight.w500),
      ),
    ),
    Expanded(
      child: TextFormField(
        controller: _phoneNumController,
        keyboardType: TextInputType.phone,
        maxLength: 10, // 限制输入长度为越南手机号标准10位
        inputFormatters: [FilteringTextInputFormatter.digitsOnly], // 仅允许输入数字
        decoration: const InputDecoration(
          hintText: '请输入10位手机号（例：0912345678）',
          counterText: '', // 隐藏长度计数
          border: OutlineInputBorder(),
          contentPadding: EdgeInsets.symmetric(horizontal: 12, vertical: 14),
        ),
        // 前端输入校验
        validator: (val) {
          final phone = val?.trim() ?? '';
          if (phone.length != 10 || !phone.startsWith('0')) {
            return '请输入有效的10位越南本地手机号';
          }
          return null;
        },
      ),
    )
  ],
)

如果你之前用了intl_phone_field这类第三方国际手机号组件，不需要手动拼布局，直接修改组件参数固定越南区即可：

IntlPhoneField(
  initialCountryCode: 'VN', // 默认选中越南
  showDropdownIcon: false, // 隐藏国家切换按钮
  invalidNumberMessage: '手机号格式无效',
  enabled: true,
  // 直接禁用国家选择弹窗，禁止用户切换到其他国家
  pickerDialogStyle: PickerDialogStyle(
    countryList: [],
  ),
)

2. 修改Firebase提交参数的拼接逻辑 #

点击发送验证码时，把用户输入的本地手机号处理为带+84的完整格式，再传给Firebase Auth接口：

Future<void> _handleSendCode() async {
  final input = _phoneNumController.text.trim();
  // 校验不通过直接拦截
  if (input.length != 10 || !input.startsWith('0')) return;

  // 去掉开头的0，拼接完整E.164格式手机号
  final fullPhone = '$kDefaultCountryCode${input.substring(1)}';

  // 后续逻辑和原有代码保持一致，把fullPhone作为phoneNumber参数传入verifyPhoneNumber即可
  await FirebaseAuth.instance.verifyPhoneNumber(
    phoneNumber: fullPhone,
    // verificationCompleted、verificationFailed、codeSent、codeAutoRetrievalTimeout回调无需修改
  );
}

可选优化 #

• 直接删除原有代码里的国家区号选择下拉/弹窗逻辑，只面向越南用户不需要保留其他国家选项，减少冗余代码
• 测试时重点校验几种异常输入：不足10位、超过10位、开头不为0、含特殊字符，确保前端能直接拦截
• 自动填充手机号场景下，要先截取提取到的手机号里的本地10位号码，再走拼接逻辑，避免自动填充带+84前缀导致重复拼接

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