Expo管理React Native项目RN GoogleSignin模块链接错误求助

核心原因 #

Expo Go客户端不支持第三方原生模块，而react-native-google-signin是依赖原生代码的模块，直接在Expo管理的项目中使用会导致链接失败。以下是两种可行的解决方案：

方案一：使用Expo官方AuthSession实现Google登录（推荐，无需原生配置） #

用Expo提供的expo-auth-session替代原生GoogleSignin模块，无需处理原生链接：

1. 安装依赖：

npx expo install expo-auth-session expo-web-browser

2. 在Google Cloud控制台创建OAuth客户端ID：
   • 针对Android：创建Android类型客户端，填写应用包名和SHA-1指纹
   • 针对iOS：创建iOS类型客户端，填写Bundle ID
   • 针对Web：创建Web应用类型客户端（用于调试）
3. 实现登录逻辑示例：

import * as AuthSession from 'expo-auth-session';
import * as WebBrowser from 'expo-web-browser';
import { useEffect } from 'react';

WebBrowser.maybeCompleteAuthSession();

const CLIENT_ID = '你的Google OAuth客户端ID';
const REDIRECT_URI = AuthSession.makeRedirectUri({ useProxy: true });

const discovery = {
  authorizationEndpoint: 'https://accounts.google.com/o/oauth2/v2/auth',
  tokenEndpoint: 'https://oauth2.googleapis.com/token',
};

export default function GoogleLogin() {
  const [request, response, promptAsync] = AuthSession.useAuthRequest(
    {
      clientId: CLIENT_ID,
      scopes: ['profile', 'email'],
      redirectUri: REDIRECT_URI,
    },
    discovery
  );

  useEffect(() => {
    if (response?.type === 'success') {
      const { authentication } = response;
      // 调用Google API获取用户信息
      fetch('https://www.googleapis.com/oauth2/v3/userinfo', {
        headers: { Authorization: `Bearer ${authentication.accessToken}` }
      }).then(res => res.json()).then(userInfo => {
        console.log(userInfo);
        // 处理用户信息逻辑
      });
    }
  }, [response]);

  return (
    <button onPress={() => promptAsync()} disabled={!request}>
      Google登录
    </button>
  );
}

方案二：转为Expo预构建项目（支持原生模块链接） #

如果必须使用react-native-google-signin，需要将Expo项目转为预构建项目，生成原生代码文件夹：

1. 执行预构建命令：

npx expo prebuild

2. 按照react-native-google-signin文档配置原生项目：
   • Android：
     • 将Google服务配置文件google-services.json放入android/app/目录
     • 修改android/app/build.gradle，添加apply plugin: 'com.google.gms.google-services'
     • 在AndroidManifest.xml中配置登录回调
   • iOS：
     • 将Google服务配置文件GoogleService-Info.plist放入ios/目录
     • 修改Info.plist，添加URL Scheme（格式为com.googleusercontent.apps.你的客户端ID）
3. 清理缓存并重装依赖：

rm -rf node_modules && npm install
npx expo start --clear

4. 运行项目：

npx expo run:android

额外排查点 #

• 确保react-native-google-signin版本与你的Expo/React Native版本兼容，可查看模块文档的版本适配表
• "main未注册"错误是因为模块加载失败导致AppRegistry未执行，解决模块链接问题后该错误会自动消失

内容的提问来源于stack exchange，提问作者It's Ritik Dude