Flutter使用flutter_facebook_auth集成Facebook登录弹窗闪退求助

一、检查Android端签名哈希配置 #

• 确认Facebook开发者后台中，应用Android平台添加的签名哈希与当前调试/发布包的哈希完全一致：
  • 调试包哈希：执行keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | openssl sha1 -binary | openssl base64生成（Windows用户路径改为C:\Users\<你的用户名>\.android\debug.keystore）。
  • 发布包哈希：用正式签名文件生成对应哈希，后台需同时添加调试、发布两种哈希值。
• 验证android/app/src/main/AndroidManifest.xml的meta-data配置：

  <meta-data
      android:name="com.facebook.sdk.ApplicationId"
      android:value="@string/facebook_app_id"/>
  <meta-data
      android:name="com.facebook.sdk.ClientToken"
      android:value="@string/facebook_client_token"/>
  

  确保strings.xml里的facebook_app_id和facebook_client_token与开发者后台完全匹配。

二、验证iOS端配置 #

• 检查Info.plist是否添加完整配置项：

  <key>CFBundleURLTypes</key>
  <array>
      <dict>
          <key>CFBundleURLSchemes</key>
          <array>
              <string>fb{你的Facebook App ID}</string>
          </array>
      </dict>
  </array>
  <key>FacebookAppID</key>
  <string>{你的Facebook App ID}</string>
  <key>FacebookClientToken</key>
  <string>{你的Facebook Client Token}</string>
  <key>FacebookDisplayName</key>
  <string>{你的应用显示名称}</string>
  <key>LSApplicationQueriesSchemes</key>
  <array>
      <string>fbapi</string>
      <string>fb-messenger-share-api</string>
      <string>fbauth2</string>
      <string>fbshareextension</string>
  </array>
  

• 确认Xcode项目的Signing & Capabilities中已启用Keychain Sharing并添加对应权限。

三、Facebook开发者后台设置检查 #

• 进入应用Settings > Basic页面：
  • 确认应用状态为Live（测试阶段需添加测试用户，用测试账号登录）。
  • 检查Android/iOS平台的包名/bundle ID与项目配置完全一致。
• 查看App Review页面，确保public_profile和email权限已通过审核（测试阶段用测试用户可跳过，正式发布必须完成审核）。

四、代码及依赖调整 #

• 在login方法中指定登录行为，尝试绕过原生登录的兼容性问题：

  final result = await FacebookAuth.instance.login(
    permissions: ["public_profile", "email"],
    loginBehavior: LoginBehavior.webOnly, // 或nativeWithFallback
  );
  

• 升级flutter_facebook_auth到最新稳定版本，避免版本兼容bug。
• 在页面初始化时添加FacebookAuth初始化逻辑：

  @override
  void initState() {
    super.initState();
    FacebookAuth.instance.webInitialize(
      appId: "{你的App ID}",
      cookie: true,
      xfbml: true,
      version: "v18.0",
    );
  }
  

五、日志排查 #

• 查看Android Studio的Logcat或Xcode控制台，搜索Facebook相关报错信息，定位具体问题（如签名不匹配、权限未配置等）。
• 打印result的详细错误信息：

  log("result status: ${result.status}, message: ${result.message}");
  

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