Flutter在Android Studio运行无内容，预期蓝色Hello World未显示

你的代码逻辑本身没问题，无法显示Hello World的核心原因大概率是Firebase初始化失败或阻塞，导致runApp(const MyApp())没有正常执行，界面停留在项目默认的初始状态。以下是具体排查和解决方法：

1. 先验证基础界面是否正常 #

暂时移除Firebase相关代码，测试纯Flutter界面能否正常显示：

import 'package:flutter/material.dart';

Future main() async {
  WidgetsFlutterBinding.ensureInitialized();
  runApp(const MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.white,
        body: Center(
          child: Text('Hello World!',
            style: TextStyle(
              color: Colors.blue,
            ),
          ),
        ),
      ),
    );
  }
}

如果这段代码能正常显示蓝色的Hello World，说明问题完全出在Firebase配置环节。

2. 检查Firebase配置是否正确 #

• 确认google-services.json文件已经放在Android项目的app目录下（路径：android/app/google-services.json），且该文件是从Firebase控制台下载的对应项目配置。
• 检查Android项目的build.gradle配置：
  • 项目根目录的build.gradle中是否添加了Firebase插件依赖：

    dependencies {
      classpath 'com.google.gms:google-services:4.4.0' // 版本可根据实际调整
    }
    

  • app模块的build.gradle末尾是否添加了插件应用：

    apply plugin: 'com.google.gms.google-services'
    

3. 处理Firebase初始化的错误捕获 #

原代码没有处理Firebase初始化失败的异常，一旦初始化出错会阻塞后续代码执行。修改main函数添加错误捕获，确保即使初始化失败也能显示界面：

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

Future main() async {
  WidgetsFlutterBinding.ensureInitialized();
  try {
    await Firebase.initializeApp();
    print('Firebase初始化成功');
  } catch (e) {
    print('Firebase初始化失败: $e');
  }
  // 无论初始化成功与否，都启动App
  runApp(const MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.white,
        body: Center(
          child: Text('Hello World!',
            style: TextStyle(
              color: Colors.blue,
            ),
          ),
        ),
      ),
    );
  }
}

4. 查看运行日志定位问题 #

打开Android Studio的Logcat面板，过滤关键字Firebase或Error，查看是否有初始化相关的错误提示，比如配置文件无效、依赖版本冲突、网络问题导致无法连接Firebase服务等，根据日志提示进一步修复。

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