Flutter中firebase_ui_auth添加多认证提供者类型不匹配错误求助

问题根源 #

当同时使用不同来源的认证提供者（比如EmailAuthProvider来自firebase_ui_auth，GoogleAuthProvider来自firebase_ui_oauth_google）时，若未显式声明列表类型，Dart会自动将列表推断为List<Object>，但Firebase UI Auth的组件要求传入List<AuthProvider<AuthListener, AuthCredential>>类型的列表，从而触发类型不匹配错误。

分步解决方案 #

1. 补全依赖并导入正确包 #

首先在pubspec.yaml中添加所需依赖：

dependencies:
  firebase_core: ^最新版本号
  firebase_ui_auth: ^最新版本号
  firebase_ui_oauth_google: ^最新版本号

执行flutter pub get后，在main.dart中导入对应包：

import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_ui_auth/firebase_ui_auth.dart';
import 'package:firebase_ui_oauth_google/firebase_ui_oauth_google.dart';

2. 显式声明providers列表类型 #

不要用var模糊声明，明确指定列表类型为List<AuthProvider>，让Dart正确识别每个提供者的类型：

final List<AuthProvider> providers = [
  EmailAuthProvider(),
  GoogleAuthProvider(clientId: '你的Google Web客户端ID'),
];

3. 正确传入认证组件 #

在使用SignInScreen等认证组件时，直接传入这个类型明确的列表：

SignInScreen(
  providers: providers,
  actions: [
    AuthStateChangeAction<SignedIn>((context, state) {
      // 登录成功后的跳转或业务逻辑
      Navigator.pushReplacementNamed(context, '/home');
    }),
  ],
);

额外注意事项 #

• GoogleAuthProvider必须传入clientId，可在Firebase控制台的「Authentication → 登录方法 → Google」中获取Web客户端ID。
• 确保Firebase初始化完成后再启动认证流程，通常在main函数中完成初始化：

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(const MyApp());
}

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