React Native中Firebase Auth邮箱验证邮件发送失败求解决方案

问题分析与修复点： #

• 避免混用async/await与.then/.catch
  原代码同时使用await和.then，可能导致用户对象获取延迟。createUserWithEmailAndPassword返回的userCredentials已包含创建完成的用户实例，直接从中获取比调用auth.currentUser更可靠，后者存在异步更新延迟风险。

• 完善全局错误捕获
  原代码仅捕获用户创建阶段的错误，未处理邮件发送失败的情况，需统一用try/catch覆盖所有异步操作。

• 补充actionCodeSettings必要配置
  Firebase要求验证链接配置必须包含有效跳转规则，针对React Native应用需添加handleCodeInApp: true，并指定iOS/Android的包信息，确保链接能正确唤起应用。

优化后的代码： #

async function handleSignUp() {
  try {
    // 创建用户并直接获取返回的用户实例
    const userCredentials = await createUserWithEmailAndPassword(auth, email, password);
    const user = userCredentials.user;

    const actionCodeSettings = {
      url: `${configData.BASE_URL}/sign-in/?email=${user.email}`,
      handleCodeInApp: true, // 允许应用内处理验证逻辑
      iOS: {
        bundleId: "com.your-app.ios" // 替换为你的iOS应用包名
      },
      android: {
        packageName: "com.your-app.android", // 替换为你的Android应用包名
        installApp: true,
        minimumVersion: "12" // 可选，指定支持的最低Android版本
      }
    };

    // 发送验证邮件，统一用await处理异步
    await user.sendEmailVerification(actionCodeSettings);
    alert("验证链接已发送至你的邮箱，请查收");
  } catch (error) {
    // 统一捕获所有错误并提示用户
    alert(`操作失败：${error.message}`);
  }
}

额外检查项： #

• 确认Firebase控制台中Authentication > 登录方法已启用邮箱/密码登录，且模板页面配置了有效的验证邮件模板。
• 检查configData.BASE_URL对应的域名已添加至Firebase控制台的授权域名列表中，否则邮件发送会被拦截。

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