Flutter 使用不包含MediaQuery的上下文调用MediaQuery.of（），即使在MaterialApp中也是如此

当我试图将容器扩展到屏幕的全部可用宽度和高度时，我经常会遇到这个错误。让我感到压力和困惑的是，它在脚手架内部，在材料PP内部，但它仍然抛出了这个愚蠢的错误，我现在该怎么办？请帮忙

为什么他们让屏幕尺寸或容器宽度100%的扩展变得如此困难？我试图解决这个问题，因为小时，但没有任何解决办法

这就是错误：

代码如下：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.grey[800],
        body: SafeArea(
            child: Column(
          children: <Widget>[
            Container(
              child: Text('asdfasdfsfd'),
            ),

            
            Expanded(
              child: Container(
                  color: Colors.white,
                  width: MediaQuery.of(context).size.width,
                  child: Image.asset('images/cover.jpg')),
            ),
            SizedBox(
              height: 5,
            ),
            // 
            Container(
              child: Center(child: Text('Folder Name')),
            ),
            SizedBox(
              height: 5,
            ),

            Container(
              child: Slider.adaptive(
                value: 0,
                onChanged: null,
                min: 0,
                max: 5,
                label: '5',
              ),
            ),
            // 
            Container(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  Container(
                    width: 60,
                    height: 25,
                    child: Center(child: Text('08:16')),
                  ),
                  Container(
                      width: 60,
                      height: 25,
                      child: Center(child: Text('-06:44'))),
                ],
              ),
            ),
            SizedBox(
              height: 15,
            ),
            // Bottom Third container
            Container(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  Container(
                    width: 60,
                    height: 60,
                    child: FlatButton(
                      shape: CircleBorder(),
                      onPressed: () {},
                      padding: EdgeInsets.all(0.0),
                      child: Image.asset('images/playbutton.png'),
                    ),
                  ),
                  Container(
                    width: 60,
                    height: 60,
                    child: FlatButton(
                      shape: CircleBorder(),
                      onPressed: () {},
                      padding: EdgeInsets.all(0.0),
                      child: Image.asset('images/playbutton.png'),
                    ),
                  ),
                  Container(
                    width: 60,
                    height: 60,
                    child: FlatButton(
                      shape: CircleBorder(),
                      onPressed: () {},
                      padding: EdgeInsets.all(0.0),
                      child: Image.asset('images/playbutton.png'),
                    ),
                  ),
                  Container(
                    width: 60,
                    height: 60,
                    child: FlatButton(
                      shape: CircleBorder(),
                      onPressed: () {},
                      padding: EdgeInsets.all(0.0),
                      child: Image.asset('images/playbutton.png'),
                    ),
                  ),
                ],
              ),
            ),
            SizedBox(
              height: 15,
            ),
            // Bottom Second container start
            Container(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  Container(
                    width: 60,
                    height: 60,
                    // Previous Button
                    child: FlatButton(
                      shape: CircleBorder(),
                      onPressed: () {},
                      padding: EdgeInsets.all(0.0),
                      child: Image.asset('images/playbutton.png'),
                    ),
                  ),
                  Container(
                    width: 60,
                    height: 60,
                    // Play Button
                    child: FlatButton(
                      shape: CircleBorder(),
                      onPressed: () {},
                      padding: EdgeInsets.all(0.0),
                      child: Image.asset('images/playbutton.png'),
                    ),
                  ),
                  Container(
                    width: 60,
                    height: 60,
                    // Next Button
                    child: FlatButton(
                      shape: CircleBorder(),
                      onPressed: () {},
                      padding: EdgeInsets.all(0.0),
                      child: Image.asset('images/playbutton.png'),
                    ),
                  ),
                ],
              ),
            ),
            SizedBox(
              height: 20,
            ),
            // Bottom container start
            Container(
              // 3rd Container
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  Container(
                    width: 60,
                    height: 60,
                    child: FlatButton(
                      shape: CircleBorder(),
                      onPressed: () {},
                      padding: EdgeInsets.all(0.0),
                      child: Image.asset('images/playbutton.png'),
                    ),
                  ),
                  Container(
                    width: 60,
                    height: 60,
                    child: FlatButton(
                      shape: CircleBorder(),
                      onPressed: () {},
                      padding: EdgeInsets.all(0.0),
                      child: Image.asset('images/playbutton.png'),
                    ),
                  ),
                  Container(
                    width: 60,
                    height: 60,
                    child: FlatButton(
                      shape: CircleBorder(),
                      onPressed: () {},
                      padding: EdgeInsets.all(0.0),
                      child: Image.asset('images/playbutton.png'),
                    ),
                  ),
                  Container(
                    width: 60,
                    height: 60,
                    child: FlatButton(
                      shape: CircleBorder(),
                      onPressed: () {},
                      padding: EdgeInsets.all(0.0),
                      child: Image.asset('images/playbutton.png'),
                    ),
                  ),
                ],
              ),
            ),
            SizedBox(
              height: 10,
            )
          ],
        )),
      ),
    );
  }
}

导入“包装：颤振/材料.省道”；
void main（）{
runApp（MyApp（））；
}
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回材料PP(
家：脚手架(
背景颜色：颜色。灰色[800]，
正文：安全区(
子：列(
儿童：[
容器(
子项：文本（'asdfasdfsfd'），
),
扩大(
子：容器(
颜色：颜色，白色，
宽度：MediaQuery.of（context）.size.width，
子项：Image.asset（'images/cover.jpg'），
),
大小盒子(
身高:5,，
),
// 
容器(
子：中心（子：文本（“文件夹名称”），
),
大小盒子(
身高:5,，
),
容器(
子：Slider.adaptive(
值：0，
onChanged:null，
分:0,，
最高：5，
标签：‘5’，
),
),
// 
容器(
孩子：排(
mainAxisAlignment:mainAxisAlignment.spaceBetween，
儿童：[
容器(
宽度：60，
身高：25，
子对象：居中（子对象：文本（'08:16'）），
),
容器(
宽度：60，
身高：25，
子：居中（子：文本（'-06:44'）），
],
),
),
大小盒子(
身高：15，
),
//底部第三个容器
容器(
孩子：排(
mainAxisAlignment:mainAxisAlignment.space，
儿童：[
容器(
宽度：60，
身高：60，
孩子：扁平按钮(
形状：CircleBorder（），
按下：（）{}，
填充：所有边缘设置（0.0），
子级：Image.asset（'images/playbutton.png'），
),
),
容器(
宽度：60，
身高：60，
孩子：扁平按钮(
形状：CircleBorder（），
按下：（）{}，
填充：所有边缘设置（0.0），
子级：Image.asset（'images/playbutton.png'），
),
),
容器(
宽度：60，
身高：60，
孩子：扁平按钮(
形状：CircleBorder（），
按下：（）{}，
填充：所有边缘设置（0.0），
子级：Image.asset（'images/playbutton.png'），
),
),
容器(
宽度：60，
身高：60，
孩子：扁平按钮(
形状：CircleBorder（），
按下：（）{}，
填充：所有边缘设置（0.0），
子级：Image.asset（'images/playbutton.png'），
),
),
],
),
),
大小盒子(
身高：15，
),
//底部第二个容器启动
容器(
孩子：排(
mainAxisAlignment:mainAxisAlignment.space，
儿童：[
容器(
宽度：60，
身高：60，
//上一个按钮
孩子：扁平按钮(
形状：CircleBorder（），
按下：（）{}，
填充：所有边缘设置（0.0），
子级：Image.asset（'images/playbutton.png'），
),
),
容器(
宽度：60，
身高：60，
//播放按钮
孩子：扁平按钮(
形状：CircleBorder（），
按下：（）{}，
填充：所有边缘设置（0.0），
子级：Image.asset（'images/playbutton.png'），
),
),
容器(
宽度：60，
身高：60，
//下一个按钮
孩子：扁平按钮(
形状：CircleBorder（），
按下：（）{}，
填充：所有边缘设置（0.0），
子级：Image.asset（'images/playbutton.png'），
),
),
],
),
),
大小盒子(
身高：20，
),
//底部容器启动
容器(
//第三个集装箱
孩子：排(
mainAxisAlignment:mainAxisAlignment.space，
儿童：[
容器(
宽度：60，
高度：