Android Studio Hedgehog中Flutter项目运行后仅显示空白白屏问题

一、主应用运行白屏的排查 #

你的main.dart代码逻辑是对的，正常运行应该显示带蓝色AppBar的界面。如果还是白屏，试试这些操作：

• 执行flutter clean清理项目缓存，再重新运行flutter run
• 检查Android Studio里的Flutter SDK版本和项目是否兼容，可在File > Project Structure > Project Settings > Flutter路径下确认SDK路径与版本
• 重启IDE和模拟器/真机，大概率是缓存导致的异常

二、测试文件的问题修复 #

你的widget_test.dart存在两个明显问题：

1. 代码不完整：缺少测试逻辑的闭合部分（比如断言代码、函数闭合括号）
2. 测试Widget传入错误：AppBar()必须在Scaffold和MaterialApp的上下文环境中才能正常渲染，直接传入无法生效

给你两种修复方案：

方案1：直接在测试中构建正确的Widget结构 #

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

void main() {
  testWidgets('AppBar renders correctly', (WidgetTester tester) async {
    // 构建完整的MaterialApp + Scaffold结构
    await tester.pumpWidget(const MaterialApp(home: Scaffold(appBar: AppBar())));
    
    // 用断言验证AppBar是否成功渲染
    expect(find.byType(AppBar), findsOneWidget);
  });
}

方案2：封装主应用Widget后复用 #

先修改main.dart，把应用封装成独立组件：

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(),
      ),
    );
  }
}

然后测试文件即可正常调用MyApp，并补全测试逻辑：

import 'package:flutter_test/flutter_test.dart';
import 'package:你的项目名/main.dart'; // 替换为实际项目名称

void main() {
  testWidgets('Counter increments smoke test', (WidgetTester tester) async {
    await tester.pumpWidget(const MyApp());
    
    // 可添加测试断言验证组件状态，比如确认AppBar存在
    expect(find.byType(AppBar), findsOneWidget);
  });
}

三、测试运行时白屏的说明 #

测试运行时看到的白屏是测试框架的默认显示，无需纠结视觉效果，只要测试用例执行通过，就说明Widget已正确构建。

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