使用不包含MediaQuery的上下文(从MaterialApp)调用MediaQuery.of()

在使用不包含MediaQuery的上下文（从MaterialApp）调用MediaQuery.of()时，会出现错误。因为MediaQuery.of()方法需要在Widget树中找到最近的包含MediaQuery的上下文，以便获取屏幕尺寸、方向和其他媒体查询信息。

解决这个问题的方法是在需要使用MediaQuery.of()的地方，确保上下文中包含了MediaQuery。一种常见的做法是将需要使用MediaQuery的部分封装在一个Widget中，并将该Widget放置在MaterialApp的下方，以确保它在Widget树中的位置。

以下是一个示例代码：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MediaQueryExample(),
    );
  }
}

class MediaQueryExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('MediaQuery Example'),
      ),
      body: Center(
        child: Container(
          child: Text(
            'Screen Width: ${MediaQuery.of(context).size.width}',
            style: TextStyle(fontSize: 20),
          ),
        ),
      ),
    );
  }
}

在上面的示例中，我们创建了一个名为MediaQueryExample的Widget，并将其放置在MaterialApp的下方。在MediaQueryExample的build方法中，我们使用MediaQuery.of(context)来获取屏幕宽度，并将其显示在Text Widget中。

这样，我们就能够在不包含MediaQuery的上下文中正确地使用MediaQuery.of()方法了。

推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mpp）