VS Code运行Flutter项目无报错，调试/运行时屏幕无内容如何解决

问题解决步骤 #

首先你提供的代码存在两处直接导致页面无法正常加载的错误，优先修改：

1. 导入语句漏写分号
   第二行import "package:flutter/material.dart"末尾缺失Dart语法要求的分号，修改为：

import "package:flutter/material.dart";

2. 首页绑定了不存在的组件
   你在MyApp的MaterialApp中配置的home参数是LoginPage()，但你提交的代码中完全没有定义LoginPage组件，自然无法加载你写的自定义页面。将此处修改为你要优先显示的启动页即可：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(primarySwatch: Colors.red),
      home: SplashScreen(), // 替换为启动页组件
    );
  }
}

如果修改完成后依旧没有正常显示内容，按以下顺序排查：

• 清理编译缓存重新运行：停止当前运行的应用，在项目根目录终端执行flutter clean，执行完成后重新点击「不调试运行」即可，避免旧缓存导致新代码未生效。
• 检查资源声明：如果只有图片不显示、背景色正常，需要确认pubspec.yaml中已经正确声明图片资源路径，示例配置如下：

flutter:
  uses-material-design: true
  assets:
    - assets/images/idkbank_logo.png

• 排查运行环境问题：如果是模拟器运行可尝试切换真机测试，部分模拟器的渲染缓存会导致页面不更新。

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