React Native项目Android端Google登录功能异常求助

问题分析 #

Android端点击Google登录按钮后弹出账号选择框，但选择后无任何反应，iOS端功能正常，且此前Android端该功能运行正常。结合代码与环境信息，可从以下方向排查解决：

排查与解决步骤 #

1. 捕获具体错误原因 #

当前代码的SignIn函数catch块未做任何处理，无法定位问题根源。先添加错误日志，明确是登录流程报错还是后续逻辑中断：

const SignIn = async () => {
  try {
    // ... 原有登录逻辑
  } catch (error) {
    console.log('Google登录错误详情:', error);
    // 根据官方错误码分类处理
    if (error.code === statusCodes.SIGN_IN_CANCELLED) {
      console.log('用户取消登录操作');
    } else if (error.code === statusCodes.IN_PROGRESS) {
      console.log('已有登录请求正在处理中');
    } else if (error.code === statusCodes.PLAY_SERVICES_NOT_AVAILABLE) {
      console.log('设备Google Play服务未安装/不可用');
    } else {
      console.log('登录异常:', error.message);
    }
  }
};

运行后查看控制台日志，确认错误类型。

2. 调整GoogleSignin配置时机 #

代码中每次点击登录都重复调用GoogleSignin.configure，可能导致配置冲突。将配置逻辑移到组件挂载时执行一次：

React.useEffect(() => {
  GoogleSignin.configure({
    webClientId: "xxx.apps.googleusercontent.com",
    androidClientId: "xxx-xxx.apps.googleusercontent.com",
    iosClientId: "xxx-xxx.apps.googleusercontent.com"
  });
}, []);

3. 修复handleSignUp的回调执行逻辑 #

当前handleSignUp接收了loginSeq回调函数，但未在注册成功时调用，导致注册后无法触发后续登录流程：

const handleSignUp = async (body, loginSeq) => {
  try {
    const res = await signUpUser(body);
    if (res?.error) {
      toast.show("注册失败，请重试", { type: "danger", placement: "bottom" });
    } else {
      // 注册成功后执行登录回调
      if (loginSeq && typeof loginSeq === 'function') {
        loginSeq();
      }
    }
  } catch (e) {
    console.log('注册接口错误:', e);
    toast.show("网络异常，请重试", { type: "danger", placement: "bottom" });
  }
};

4. 完善checkSocialUser接口的错误处理 #

如果checkSocialUser接口请求失败，后续逻辑会直接中断，导致无响应。添加错误捕获：

const checkSocialUser = async (props) => {
  try {
    const response = await axios.get(`${API_URL}verifySocialUserId`, { params: props });
    return response.data;
  } catch (e) {
    console.log('用户验证接口错误:', e);
    toast.show("网络异常，请重试", { type: "danger", placement: "bottom" });
    return null; // 返回null避免后续逻辑报错
  }
};

5. 检查Expo Android端配置 #

• 确认app.json/app.config.js中已正确配置Google服务文件：

  {
    "expo": {
      "android": {
        "googleServicesFile": "./google-services.json",
        "package": "你的应用包名"
      },
      "plugins": [
        "@react-native-google-signin/google-signin"
      ]
    }
  }
  

• 登录Google Cloud控制台，确认应用的SHA-1证书指纹已正确添加到OAuth 2.0客户端ID中（需包含调试和发布版本的指纹）。
• 执行expo prebuild --clean重新生成Android原生项目文件，确保配置生效。

6. 版本兼容性检查 #

确认@react-native-google-signin/google-signin@11.0.1与react-native@0.72.6兼容，若存在版本冲突：

• 查看官方release notes，升级@react-native-google-signin/google-signin到适配0.72.x的版本
• 或降级到经过验证的稳定版本组合

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