Expo打包APK后Google/Facebook登录卡在加载界面求助

我之前开发Expo应用时也踩过一模一样的坑：开发环境下第三方登录顺畅跳转，打包成独立APK后就卡在加载页不动。结合你的app.json配置和症状，大概率是这几个关键点没处理好，一步步来排查修复：

1. 第三方登录平台的OAuth配置必须适配独立APK #

开发模式下，Expo会用它自己的沙箱签名和包名帮你完成登录回调，但打包成独立APK后，必须在Google/Facebook开发者后台更新两个关键配置：

• 包名：和你app.json里android.package的expo.AgriEdgeApp.AgriEdgeApp完全一致，不能有拼写错误
• 签名哈希：Expo打包的APK有专属的签名哈希，你可以通过命令行获取：

  expo fetch:android:hashes
  

  把返回的哈希值复制到Google和Facebook后台的OAuth配置里（比如Facebook的“设置>基本>安卓>密钥哈希”）

2. 给app.json添加自定义URL Scheme #

独立APK需要自定义Scheme来接收第三方登录的回调，否则登录成功后没法跳回你的应用，就会一直卡在加载页。在你的app.json的expo对象里添加scheme字段：

"scheme": "agriedgeapp"

同时在第三方登录后台配置回调URL为agriedgeapp://oauthredirect（格式是你的scheme://回调路径，路径可以根据你的AuthSession配置调整）

3. 确认网络权限和缓存问题 #

• 检查app.json的android字段里是否添加了INTERNET权限，虽然Expo默认会加，但有时候打包过程中会丢失，手动加上更稳妥：

  "android": {
    "package": "expo.AgriEdgeApp.AgriEdgeApp",
    "versionCode": 1,
    "permissions": ["INTERNET"]
  }
  

• 打包后的APK可能缓存了旧的登录状态，先卸载现有应用，清除残留数据后再重新安装测试

4. 检查启动页（Splash Screen）的隐藏逻辑 #

开发环境下Expo会自动处理启动页的隐藏，但独立APK需要你手动控制。确保在登录成功、准备跳转到地图首页前，调用了SplashScreen.hideAsync()方法：

import * as SplashScreen from 'expo-splash-screen';

// 登录成功后的逻辑
async function handleLoginSuccess() {
  await SplashScreen.hideAsync();
  navigation.navigate('MapHome'); // 跳转到地图首页
}

修改后的完整app.json参考：

{
  "expo": {
    "name": "AgriEdgeApp",
    "slug": "AgriEdgeApp",
    "scheme": "agriedgeapp",
    "platforms": [ "ios", "android", "web" ],
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [ "**/*" ],
    "ios": {
      "supportsTablet": true
    },
    "android": {
      "package": "expo.AgriEdgeApp.AgriEdgeApp",
      "versionCode": 1,
      "permissions": ["INTERNET"]
    },
    "description": ""
  }
}

按照这个步骤排查，基本就能解决登录后卡住加载页的问题了。

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