React Native使用Firebase手机号认证未输入验证码自动登录如何解决

• 触发了Firebase Auth内置的自动验证机制：Firebase手机号认证提供两种不需要用户手动输入验证码的验证逻辑，都不需要应用申请短信读取权限：
  1. 即时验证：如果用户当前设备插入的SIM卡对应提交的手机号，Google Play服务会直接和运营商完成身份校验，自动完成登录
  2. SMS Retriever API自动捕获：只要短信内容包含对应应用的11位哈希，Google Play服务可以自动读取短信中的验证码完成验证，不需要应用申请READ_SMS权限
• 测试手机号不会触发该问题的原因是Firebase对测试手机号走模拟校验流程，不会触发上述自动验证逻辑，必须手动输入预设的测试验证码
• 你已经配置了正确的SHA-1/SHA-256指纹，满足自动验证机制的启用条件，所以线上环境会触发该流程
• 根本原因是你的全局Auth状态监听逻辑在检测到Firebase Auth完成自动验证后，直接触发了登录后的跳转/业务逻辑，没有等待用户手动确认操作

可根据产品需求选择两种方案：

方案1：保留自动验证（推荐，用户体验更好） #

调整全局onAuthStateChanged监听逻辑，增加状态判断，只有当用户完成操作流程后再执行后续逻辑，不要一检测到登录状态就跳转。
示例代码修改：

// 原监听逻辑可能直接跳转，未做状态判断
useEffect(() => {
  const unsubscribe = auth().onAuthStateChanged(user => {
    if (user) {
      navigation.replace('Home');
    }
  })
  return unsubscribe;
}, [])

// 修改为：增加confirm状态判断，只有当confirm不存在（即用户已经点击确认按钮）时才跳转
useEffect(() => {
  const unsubscribe = auth().onAuthStateChanged(user => {
    if (user && !confirm) {
      // 也可在这里增加提示："已自动验证你的手机号，即将完成注册"
      navigation.replace('Home');
    }
  })
  return unsubscribe;
}, [confirm])

方案2：完全禁用自动验证，强制用户手动输入验证码 #

在调用signInWithPhoneNumber时增加配置，禁用自动验证功能即可，修改你的onSignUp函数中的调用代码：

const confirmation = await auth().signInWithPhoneNumber(
  '+98' + phonenumber,
  { autoVerificationDisabled: true } // 新增该行配置，禁用自动验证
);

修改后Firebase会跳过所有自动验证逻辑，必须等待用户输入验证码并调用confirm.confirm方法后才会完成登录流程。

内容的提问来源于stack exchange，提问作者7th storm