Flutter集成Firebase后应用仅显示空白屏幕求助

核心代码修正 #

先修改你的main函数，补充关键初始化步骤和错误捕获，避免因初始化失败直接导致空白：

import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';

void main() async {
  // 必须先初始化Flutter绑定，否则Firebase初始化可能卡住
  WidgetsFlutterBinding.ensureInitialized();
  try {
    await Firebase.initializeApp();
    runApp(const MyApp());
  } catch (e) {
    // 捕获初始化错误，方便排查问题
    print('Firebase初始化失败: $e');
    // 初始化失败时显示错误页面，而非空白
    runApp(MaterialApp(
      home: Scaffold(
        body: Center(child: Text('Firebase初始化失败: $e')),
      ),
    ));
  }
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('Firebase Integration')),
        body: const Center(child: Text('Hello, Firebase!')),
      ),
    );
  }
}

排查步骤 #

• 检查Flutter绑定初始化：异步main函数中必须先调用WidgetsFlutterBinding.ensureInitialized()，否则Firebase初始化会因Flutter组件树未就绪而卡住。
• 验证Firebase配置文件：
  • Android：确认android/app/google-services.json已正确放置，文件内的包名与项目applicationId完全一致。
  • iOS：确认ios/Runner/GoogleService-Info.plist已添加到项目，CFBundleIdentifier与Firebase控制台的bundle ID匹配。
  • 配置文件必须从Firebase控制台下载对应平台的最新版本，禁止手动修改。
• 核对依赖版本兼容性：检查pubspec.yaml中firebase_core的版本是否与当前Flutter SDK兼容，可运行flutter pub upgrade firebase_core更新至最新兼容版本。
• 清理重建项目：
  1. 运行flutter clean清理缓存
  2. Android项目需进入android目录执行./gradlew clean
  3. 重新执行flutter pub get后启动应用

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