React Native应用中signInWithRedirect是否支持谷歌账号登录？

首先明确：signInWithRedirect 和 signInWithPopup 都不能用于React Native原生应用。这两个方法是基于Web浏览器环境设计的——signInWithPopup依赖Web弹窗，signInWithRedirect依赖浏览器跳转回调，但React Native原生APP没有内置Web上下文处理这些流程，必然失效。

如果你想实现谷歌账号登录，需要用适配原生平台的登录库，以下是两种主流场景的实现方案：

一、普通React Native项目（非Expo） #

推荐使用 @react-native-google-signin/google-signin 配合Firebase Auth（若用Firebase做身份管理）：

1. 安装依赖

npm install @react-native-google-signin/google-signin @react-native-firebase/auth
# 或使用yarn
yarn add @react-native-google-signin/google-signin @react-native-firebase/auth

2. 配置平台凭证

• 前往谷歌开发者控制台，创建项目并启用谷歌登录API
• 为安卓和iOS分别创建客户端ID，下载对应的google-services.json（安卓）和GoogleService-Info.plist（iOS），放置到项目对应目录
• 安卓需配置签名证书指纹，iOS需配置Bundle ID

3. 初始化谷歌登录

import { GoogleSignin } from '@react-native-google-signin/google-signin';

GoogleSignin.configure({
  webClientId: '你的Web客户端ID', // 从谷歌控制台获取，用于Firebase凭证验证
  offlineAccess: false, // 无需离线访问可设为false
});

4. 实现登录逻辑

import auth from '@react-native-firebase/auth';

const signInWithGoogle = async () => {
  try {
    // 触发谷歌原生登录弹窗
    const userInfo = await GoogleSignin.signIn();
    // 获取谷歌ID Token，创建Firebase登录凭证
    const googleCredential = auth.GoogleAuthProvider.credential(userInfo.idToken);
    // 完成Firebase登录
    const userCredential = await auth().signInWithCredential(googleCredential);
    // 登录成功，获取用户信息
    console.log('登录成功', userCredential.user);
  } catch (error) {
    console.error('谷歌登录失败', error);
  }
};

二、Expo项目 #

Expo提供了更便捷的封装库expo-google-sign-in：

1. 安装依赖

npx expo install expo-google-sign-in firebase

2. 配置app.json
   在expo.ios.googleServicesFile和expo.android.googleServicesFile中指定下载的谷歌服务文件路径，或直接配置客户端ID：

{
  "expo": {
    "ios": {
      "googleServicesFile": "./GoogleService-Info.plist",
      "bundleIdentifier": "你的iOS包名"
    },
    "android": {
      "googleServicesFile": "./google-services.json",
      "package": "你的安卓包名"
    }
  }
}

3. 实现登录逻辑

import * as Google from 'expo-google-sign-in';
import auth from '@react-native-firebase/auth';

const signInWithGoogle = async () => {
  try {
    await Google.initializeAsync();
    const result = await Google.signInAsync();
    if (result.type === 'success') {
      const credential = auth.GoogleAuthProvider.credential(result.user.auth.idToken);
      const userCredential = await auth().signInWithCredential(credential);
      console.log('登录成功', userCredential.user);
    }
  } catch (error) {
    console.error('谷歌登录失败', error);
  }
};

注意事项 #

• 确保谷歌开发者控制台中，安卓的签名证书指纹（debug和release版本）、iOS的Bundle ID配置正确，否则会出现登录失败或凭证无效问题
• 若不用Firebase，可直接使用谷歌登录返回的userInfo（包含用户ID、邮箱、头像等信息），自行维护登录状态

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