- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在观看视频教程的同时尝试向我的flutter项目添加2个按钮
void main() {
runApp(MainScreen());
}
class MainScreen extends StatelessWidget{
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Main Screen'),
centerTitle: true,
backgroundColor: Colors.white,
),
);
}
}
这是我编码的唯一行,并且出现此错误
MediaQuery.of() called with a context that does not contain a MediaQuery.
最佳答案
您需要使用MaterialApp
包装所有小部件。试试这个:
class MainScreen extends StatelessWidget{
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Main Screen'),
centerTitle: true,
backgroundColor: Colors.white,
),
),
);
}
}
您可以从
this blog阅读更多内容。
关于flutter - MediaQuery.of()一直显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64444605/
我是 Flutter 的初学者,我正在尝试制作一个带有 AppBar 的简单应用,其标题显示文本“你好” 通过 Android Studio 执行代码时,我总是收到错误 MediaQuery.of()
我正在尝试快速测试登录页面的代码。这对我来说是第一次,我只是按照他们提供的模板进行操作。但是无论我尝试推送什么小部件,都会出现一个错误,指出 MediaQuery.of() 调用时使用的上下文不包含
我一直试图在 Flutter 中获取整个上下文 View 的大小。但每次我尝试我都会收到上述错误。这是我的代码: import 'package:flutter/material.dart'; voi
我不知道为什么在使用如下所示的“Tab”时会出现此错误。每当我尝试构建应用程序时 错误屏幕出现。请让我知道如何解决它。 import 'package:flutter/material.dart';
我在观看视频教程的同时尝试向我的flutter项目添加2个按钮 void main() { runApp(MainScreen()); } class MainScreen extends Sta
我想通过 display:none 删除一个 html 元素。当屏幕宽度小于 500px 时; @media (max-width:500px) { button { display:no
我正在尝试在正文中创建 3 个部分,但我希望这 3 个部分始终覆盖整个屏幕。 Container( height: MediaQuery.of(context).size.height
我正在尝试构建一个页面大小三分之一的容器,但我收到错误 No MediaQuery ancestor could be found starting from the context that was
在这个问题Whats the difference between double.infinity and MediaQuery? Rémi Rousselet 建议使用 IntrinsicHeigh
import 'package:flutter/material.dart'; void main() { runApp(Calculator()); } class Calculator ext
为了制作响应式应用程序,我对每个组件大小都使用了 MediaQuery.of(context),但是为每个部分编写代码很辛苦。 因此,我将其固定为常量,是否正确处理? class ScreenUtil
当我使用 MediaQuery 调整容器大小时,如下所示 => height: MediaQuery.of(context).size.height - 100, 容器的减法或调整大小是从底部开始的,
我的工具提示在移动设备上掉出了屏幕。所以我想根据打开工具提示的设备来更改工具提示的选项。在桌面上从侧面打开,在移动设备上从顶部打开。 如何在 JavaScript 中做到这一点? 我的代码与选项: $
我有一个来自在线银行公司的 HTML 文件,该文件在我公司的多台计算机 (Windows 7 x64 Pro) 上无法正确显示。该页面是银行的登录页面。 经过大量研究,我发现问题是页面的主要 CSS
我一直在调整网站以使其更具响应性,并且我一直在关注发送给我的演示中的代码。 但是由于某种原因,它似乎并没有像移动浏览器中所说的那样调整大小。 我认为这是因为 Wordpress 调用样式表的方式略有不
也许这不是一个真正的问题...我在谈论媒体查询。让我们想象一个 CSS 包含 100 行,当屏幕小于 200 像素时,另一个 CSS 触发 - 但它只有几行,例如 float something le
我在我的网站上使用来自谷歌代码的 HTML5Shiv。我像这样包括它...... 我还需要包含 css3-mediauqeris.js,它也可以在 google code 上找到。但是我只能找到 j
我有一个使用 css3-mediaqueries.js 进行移动设计的网站。效果很好,但有些用户仍然喜欢“网络版”。是否有可能通过例如链接强制主页不使用 css 而不是我在里面: @media han
我目前正在设计一个带有 flutter in dart 的应用程序,我一直在使用 Flutter Speed Dial包尝试使用 marginRight 和 marginBottom 值将其对齐到屏幕
我的问题是关于 flutter 小部件测试,测试现有小部件包装新 Scaffold(...) 的正确方法是什么?我找到了 MediaQuery.of 但它接受 BuildContext 而不是 Wid
我是一名优秀的程序员,十分优秀!