Flutter Firebase Auth/Google登录运行时类型错误求助

Hey there! Let's tackle those login issues together—since you're a Flutter newbie, I'll break this down step by step to help you spot where things might be going wrong, and share cleaned-up, split functions as suggested by @Ashton.

先做这几个必查校验（很多新手容易漏！） #

• 打开Firebase控制台，确认Email/Password和Google这两种登录方式已经被启用（在「Authentication」→「Sign-in method」里）
• 检查你的pubspec.yaml是否添加了正确的依赖，然后执行flutter pub get：

  dependencies:
    flutter:
      sdk: flutter
    firebase_core: ^2.15.0 # 版本号可替换为最新稳定版
    firebase_auth: ^4.10.0
    google_sign_in: ^5.4.0
  

• 对于iOS：除了GoogleServices-Info.plist，还要在Info.plist里添加Google登录的URL Scheme——复制GoogleServices-Info.plist里的REVERSED_CLIENT_ID，然后添加到CFBundleURLTypes数组中：

  <key>CFBundleURLTypes</key>
  <array>
    <dict>
      <key>CFBundleTypeRole</key>
      <string>Editor</string>
      <key>CFBundleURLSchemes</key>
      <array>
        <string>你的REVERSED_CLIENT_ID内容</string>
      </array>
    </dict>
  </array>
  

拆分后的两个登录函数（带错误捕获） #

1. Google登录函数 #

Future<void> _signInWithGoogle() async {
  try {
    // 触发Google账号选择弹窗
    final GoogleSignInAccount? googleUser = await GoogleSignIn().signIn();
    
    // 用户取消登录的情况
    if (googleUser == null) {
      print('User cancelled Google sign-in');
      ScaffoldMessenger.of(context).showSnackBar(
        const SnackBar(content: Text('已取消Google登录')),
      );
      return;
    }

    // 获取Google登录的认证信息
    final GoogleSignInAuthentication googleAuth = await googleUser.authentication;

    // 创建Firebase登录凭证
    final credential = GoogleAuthProvider.credential(
      accessToken: googleAuth.accessToken,
      idToken: googleAuth.idToken,
    );

    // 完成Firebase登录
    await FirebaseAuth.instance.signInWithCredential(credential);
    
    // 登录成功后的逻辑（比如跳转到主页）
    print('Google登录成功！');
    Navigator.pushReplacementNamed(context, '/home');
  } catch (e) {
    // 捕获并打印错误，方便排查
    print('Google登录错误详情: $e');
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text('Google登录失败: ${e.toString()}')),
    );
  }
}

2. 邮箱密码登录函数 #

Future<void> _signInWithEmailPassword(String email, String password) async {
  try {
    // 调用Firebase邮箱登录接口
    await FirebaseAuth.instance.signInWithEmailAndPassword(
      email: email,
      password: password,
    );

    // 登录成功后的逻辑
    print('邮箱登录成功！');
    Navigator.pushReplacementNamed(context, '/home');
  } on FirebaseAuthException catch (e) {
    // 针对Firebase的具体错误码给出友好提示
    String errorMsg;
    switch (e.code) {
      case 'user-not-found':
        errorMsg = '未找到该邮箱对应的用户';
        break;
      case 'wrong-password':
        errorMsg = '密码不正确';
        break;
      case 'invalid-email':
        errorMsg = '邮箱格式无效';
        break;
      case 'user-disabled':
        errorMsg = '该账号已被禁用';
        break;
      default:
        errorMsg = '登录失败: ${e.message ?? '未知错误'}';
    }
    print('邮箱登录错误码: ${e.code}，信息: $errorMsg');
    ScaffoldMessenger.of(context).showSnackBar(
      SnackBar(content: Text(errorMsg)),
    );
  } catch (e) {
    // 捕获其他意外错误
    print('邮箱登录意外错误: $e');
    ScaffoldMessenger.of(context).showSnackBar(
      const SnackBar(content: Text('登录出现未知问题')),
    );
  }
}

额外注意事项 #

• 必须在main函数里初始化Firebase，否则所有Firebase操作都会失败：

  void main() async {
    WidgetsFlutterBinding.ensureInitialized();
    await Firebase.initializeApp(); // 初始化Firebase
    runApp(const MyApp());
  }
  

• 测试邮箱登录时，要确保你已经在Firebase控制台创建了对应的用户（或者用createUserWithEmailAndPassword先完成注册）
• Android真机测试时，要确保AndroidManifest.xml里添加了网络权限：

  <uses-permission android:name="android.permission.INTERNET"/>
  

如果还是遇到问题，把控制台打印的错误信息贴出来，这样能更精准地定位问题哦！

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