在使用不包含 MediaQuery 的上下文调用的 flutter MediaQuery.of() 中出现错误

Question

我不明白错误是什么。 我正在返回一个 Scaffold 小部件。 Visual Studio 代码未检测到语法错误。 运行应用程序时出现错误。

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

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
   appBar: AppBar(title: Text("here is my text")),
   body: Text(
     'No, we need bold strokes. We need this plan.',
     style: TextStyle(
         fontWeight: FontWeight.bold,
         color: Colors.blue.withOpacity(0.7),
         height: 1,
         fontSize: 20,
         decoration: TextDecoration.underline,
         decorationColor: Colors.green,
         decorationStyle: TextDecorationStyle.wavy,
         backgroundColor: Colors.red),
   ),
 );
}
}

如果我将脚手架小部件包装在材料应用程序中，它就可以工作。 谁能给我解释一下原因？

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text("here is my text")),
        body: Text(
          'No, we need bold strokes. We need this plan.',
          style: TextStyle(
              fontWeight: FontWeight.bold,
              color: Colors.blue.withOpacity(0.7),
              height: 1,
              fontSize: 20,
              decoration: TextDecoration.underline,
              decorationColor: Colors.green,
              decorationStyle: TextDecorationStyle.wavy,
              backgroundColor: Colors.red),
        ),
      ),
    );
  }
}

Answer 1

最顶部的小部件必须包装在 MaterialApp 小部件中。 这就是生成它正在寻找的上下文链的原因。

Answer 2

Media Query 是 MaterialApp 的一个属性，所以如果您不使用 MaterialApp，您将无法访问媒体查询。 正确的方法是在你的主 class 中使用它。