Flutter代码运行失败：未找到MediaQuery父组件问题求助

报错信息 #

══╡ WIDGETS库捕获异常 ╞═══════════════════════════════════════════════════════════
构建Scaffold(dirty, state: ScaffoldState#48b2a(tickers: tracking 2 tickers))时抛出以下断言：
未找到MediaQuery组件祖先。
Scaffold组件需要MediaQuery组件作为祖先。
无法找到MediaQuery祖先的具体组件是：
Scaffold
受影响组件的层级链为："Scaffold ← HomeScreen ← [root]"
从传递给MediaQuery.of()的context开始，未找到任何MediaQuery祖先。
此问题可能是因为您未添加WidgetsApp、CupertinoApp或MaterialApp组件（这些组件会引入MediaQuery），或者您使用的context来自这些组件之上的组件。

相关的报错组件是：
Scaffold Scaffold:file:///C:/Users/lenovo/Desktop/final_project/lib/main.dart:9:12

抛出异常时的调用栈：
#0 debugCheckHasMediaQuery. (package:flutter/src/widgets/debug.dart:297:7)
#1 debugCheckHasMediaQuery (package:flutter/src/widgets/debug.dart:312:4)
#2 ScaffoldState.build (package:flutter/src/material/scaffold.dart:2739:12)
#3 StatefulElement.build (package:flutter/src/widgets/framework.dart:5007:27)
#4 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:4895:15)
#5 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5060:11)
#6 Element.rebuild (package:flutter/src/widgets/framework.dart:4617:5)
#7 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:4877:5)
#8 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:5051:11)
#9 ComponentElement.mount (package:flutter/src/widgets/framework.dart:4871:5)
... 正常组件挂载（7帧）
#16 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3883:16)
#17 Element.updateChild (package:flutter/src/widgets/framework.dart:3612:18)
#18 RenderObjectToWidgetElement._rebuild (package:flutter/src/widgets/binding.dart:1195:16)
#19 RenderObjectToWidgetElement.mount (package:flutter/src/widgets/binding.dart:1164:5)
#20 RenderObjectToWidgetAdapter.attachToRenderTree. (package:flutter/src/widgets/binding.dart:1111:18)
#21 BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:2626:19)
#22 RenderObjectToWidgetAdapter.attachToRenderTree (package:flutter/src/widgets/binding.dart:1110:13)
#23 WidgetsBinding.attachRootWidget (package:flutter/src/widgets/binding.dart:945:7)
#24 WidgetsBinding.scheduleAttachRootWidget. (package:flutter/src/widgets/binding.dart:925:7)
（省略了来自_RawReceivePortImpl类、_Timer类和dart:async-patch的4帧）
════════════════════════════════════════════════════════════════════════════════════════════════════

问题原因 #

Scaffold必须依赖MediaQuery组件作为父级，而MediaQuery由MaterialApp、CupertinoApp或WidgetsApp这类顶层应用组件自动注入。你的代码中Scaffold（或其所在的HomeScreen）未被包裹在这些顶层组件内部，导致找不到MediaQuery祖先。

解决方案 #

检查main.dart的组件结构，确保根组件是MaterialApp（或对应平台的顶层组件），将HomeScreen放在其内部：

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '你的应用名称',
      home: const HomeScreen(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('首页')),
      body: const Center(child: Text('内容区域')),
    );
  }
}

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