React Native+Expo中Clerk Google OAuth登录后无法跳转已登录页面

一、检查认证状态监听逻辑 #

如果使用Firebase Auth，确保在App.js中实时监听用户状态变化：

import { onAuthStateChanged } from 'firebase/auth';
import { auth } from './firebaseConfig';

// 在根组件内添加监听
useEffect(() => {
  const unsubscribe = onAuthStateChanged(auth, (user) => {
    console.log('当前登录用户:', user);
    if (user) {
      navigation.replace('SignedIn');
    }
  });
  return unsubscribe;
}, []);

如果用Expo Auth Session，登录成功后必须主动拉取用户信息：

import * as Google from 'expo-auth-session/providers/google';

const [request, response, promptAsync] = Google.useAuthRequest({
  androidClientId: '你的安卓ClientID',
  iosClientId: '你的iOS ClientID',
  scopes: ['profile', 'email'],
});

useEffect(() => {
  if (response?.type === 'success') {
    const { authentication } = response;
    // 调用谷歌API获取用户核心信息
    fetch('https://www.googleapis.com/oauth2/v3/userinfo', {
      headers: { Authorization: `Bearer ${authentication.accessToken}` },
    })
    .then(res => res.json())
    .then(userInfo => {
      console.log('用户信息:', userInfo);
      // 确认获取到信息后再跳转
      navigation.replace('SignedIn');
    })
    .catch(err => console.error('拉取用户信息失败:', err));
  }
}, [response]);

二、修正登录状态更新逻辑 #

如果使用状态管理（Context/Redux），确保登录成功后正确更新用户状态：

// AuthContext示例
const AuthContext = createContext();

export const AuthProvider = ({ children }) => {
  const [user, setUser] = useState(null);

  const signInWithGoogle = async () => {
    const result = await promptAsync();
    if (result.type === 'success') {
      const userInfo = await fetchUserInfo(result.authentication.accessToken);
      setUser(userInfo); // 必须完成状态更新才能触发路由切换
    }
  };

  return (
    <AuthContext.Provider value={{ user, signInWithGoogle }}>
      {children}
    </AuthContext.Provider>
  );
};

// App.js路由判断
const { user } = useContext(AuthContext);
return (
  <NavigationContainer>
    <Stack.Navigator>
      {user ? (
        <Stack.Screen name="SignedIn" component={SignedInScreen} />
      ) : (
        <Stack.Screen name="Login" component={LoginScreen} />
      )}
    </Stack.Navigator>
  </NavigationContainer>
);

三、核对Expo与谷歌控制台配置 #

• 确认app.json中scheme配置与谷歌控制台一致：

{
  "expo": {
    "scheme": "your-app-scheme",
    "ios": { "bundleIdentifier": "com.your.app" },
    "android": { "package": "com.your.app" }
  }
}

• 谷歌控制台内，安卓/iOS的ClientID要与app.json的bundleIdentifier/package匹配，redirect_uri设置为your-app-scheme://auth
• 不要盲目降级包，确保expo-auth-session、expo-google-sign-in版本与当前Expo SDK兼容（参考Expo官方文档对应版本依赖）

四、关键调试步骤 #

• 在登录回调的每一步打印数据：response、authentication、userInfo，定位哪一步出现null
• 检查是否有未捕获的错误（比如网络请求失败、token过期），补充catch逻辑并打印错误信息
• 测试设备需保证网络正常，能访问谷歌API

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