Flutter :MediaQuery.of() called with a context that does not contain a MediaQuery

最新推荐文章于 2025-06-29 10:44:55 发布
原创 最新推荐文章于 2025-06-29 10:44:55 发布 · 1w 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Android #Flutter

Flutter :MediaQuery.of() called with a context that does not contain a MediaQuery

问题：在使用Flutter的过程中 写好了基础的布局界面 然后运行就异常了

在这里插入图片描述

解决：

LoginPage()是写好的用户登录界面，但是想让界面跑起来 需要runApp()，需要再写个MyApp()里面使用MaterialApp（）包裹写好的界面，这样才可以运行。
在这里插入图片描述

【Flutter 问题系列第 76 篇】在 Flutter 中 Builder 组件的作用以及如何解决 Scaffold.of 找不到上下文问题的解决文案
“Allen Su”的博客
03-12 2186
在 Flutter 中 Builder 组件的作用以及如何解决 Scaffold.of 找不到上下文问题的解决文案
Flutter SnackBar显示没有Scaffold
AppBlog.CN全栈架构
05-05 212
解决：中间嵌套一个Builder，用于"转换"出一个位于Scaffold后的context。原因：context层级使用错误，一般是直接使用页面级的context导致错误。
flutter Material示例与MediaQuery.of(context) called with a context that does not contain a MediaQuery.
火星男孩的分享空间
05-17 3039
报错： flutter MediaQuery.of(context) called with a context that does not contain a MediaQuery. 原因： Scaffold必须放在MaterialApp里面，否则会报错 正确示例： import 'package:flutter/material.dart'; main() => runApp(MyA...
Flutter 框架介绍
最新发布
坚果的博客
06-29 395
Flutter框架适配鸿蒙开发实践 本文介绍了Flutter框架及其适配鸿蒙系统的开发实践。Flutter是谷歌开发的跨平台UI框架，支持iOS、Android及桌面平台，具有原生性能。文章重点讲解了鸿蒙版Flutter的环境配置与项目创建： 环境配置：需使用Flutter的dev分支，并安装鸿蒙开发套件。提供了详细的macOS和Windows环境变量配置指南。 项目创建：演示了两种创建方式，一种是仅创建鸿蒙平台项目，另一种是同时支持Android/iOS/鸿蒙的多平台项目。 编译运行：介绍了编译生成HAP
MediaQuery.of() called with a context that does not contain a MediaQuery.
fl2502923的博客
04-11 2819
今天用Flutter中MediaQuery在获取屏幕的宽高的时候一直报错，报错信息如下： MediaQuery.of() called with a context that does not contain a MediaQuery.\n' 'No MediaQuery ancestor could be found starting from the context that was pa...
Flutter :MediaQuery.of() called with a context that does not contain a MediaQuery 报错
北暖之森
06-29 3171
Flutter :MediaQuery.of() called with a context that does not contain a MediaQuery 这个问题出现的情况是页面布局出现了问题 如果要使用MediaQuery 必须在MaterialApp 中使用，不然的话找不到 修改后的代码 这样就可以正常运行了 ...
Flutter与Dart学习之路之Scafold的坑(一)
Beam优快云的博客
02-09 896
Flutter与Dart学习之路之Scafold的坑 一遇见的问题问题描述异常描述错误代码展示（部分）正确示范 方法一添加一个记录Scafold状态的 GlobalKey,在创建的Scafold的key中添加此参数使用_scaffoldKey 来打开侧边栏正确示范 方法二创建一个新的context（在此不做示范，下面链接有案例展示）参考文档 遇见的问题 问题描述 在flutter写一个侧边栏的...
高频Flutter-问题大汇总，总有一款曾困惑你！（含解决问题方法）
2401_84008965的博客
05-11 911
由于题目很多整理答案的工作量太大，所以仅限于提供知识点，详细的很多问题和参考答案我都整理成了 PDF文件《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门，即可获取！由于题目很多整理答案的工作量太大，所以仅限于提供知识点，详细的很多问题和参考答案我都整理成了 PDF文件[外链图片转存中…(img-iLlqbN84-1715434486115)][外链图片转存中…(img-IjKdmwLu-1715434486116)]
Flutter WidgetsApp路由相关属性注释翻译。MaterialApp, CupertinoApp
一只iOS程序员的博客
04-08 2366
/// {@template flutter.widgets.widgetsApp.navigatorKey} /// A key to use when building the [Navigator]. /// 创建[Navigator]时会用到的一个key /// /// If a [navigatorKey] is specified, the [Navigator] can be directly /// manipulated without first obtaining
media query ios android,Flutter 强大的MediaQuery控件
weixin_31424199的博客
05-27 201
注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本： 1.12.13+hotfix.5Dart版本： 2.7.0MediaQuery通常情况下，不会直接将MediaQuery当作一个控件，而是使用MediaQuery.of获取当前设备的信息，用法如下：var data = MediaQuery.of(context);此方式必须放在MediaQuery作用域内，否则会抛出异...
flutter系列之:查询设备信息的利器:MediaQuery
程序那些事
09-26 1362
移动的开发中，大家可能最头疼的就是不同设备的规格了，现在设备这么多，如何才能在诸多的设备中找到合适的widget的位置来进行绘制呢？不用怕，在flutter中为我们提供了一个叫做MediaQuery的利器，大家一起来看看吧。MediaQuery是flutter中一个非常方便的工具，用来检测media的属性情况，根据MediaQuery，我们可以做出更加富有交互性的APP。更多内容请参考最通俗的解读，最深刻的干货，最简洁的教程，众多你不知道的小技巧等你来发现！
openwrt下web方式升级固件提示文件格式错误
热门推荐
pengrui18的专栏
09-08 1万+
最近公司产品使用openwrt，其中在使用openwrt的web方式升级内核和文件系统时(即sysupgrade固件)时，发现校验文件时提示The uploaded image file does not contain a supported format. Make sure that you choose the generic image format for your platform.于
openwrt Web刷写新的固件提示文件格式问题
HalsonHe的专栏
03-29 7016
在通过WEB更新系统升级包时弹出提示“The uploaded image file does not contain a supported format. Make sure that you choose the generic image format for your platform.” 这个问题在网上也找了些资料，有的说把格式转换为.trx ，但在我这里就不适用。所以就去看具体的f
Flutter错误总结1:Scaffold.of() called with a context that does not contain a Scaffold.
Timer的博客
03-29 5079
在这里插入代码片## 1.Scaffold.of() called with a context that does not contain a Scaffold. 错误出现的场景: 使用Navigator 从第二个页面向第一个页面返回值 class HomePage extends StatelessWidget { @override Widget build(BuildConte...
Flutter：实战技巧，腾讯T3大牛手把手教你
m0_61408772的博客
09-03 176
child: new Container(), ); 技巧4：实现页面异步加载 ============ Flutter 可以通过 `FutureBuilder` 或者 `StreamBuilder` 简单实现页面的异步加载。 FutureBuilder 和 StreamBuilder 是通过 Future 和 Stream 获取数据后实现页面布局。如下代码所示： import ‘package:flutter/material....
【Flutter】一些问题记录
qq_44143906的博客
12-05 862
问题记录
flutter2 MediaQuery.of(context,nullOk: true)；报错
fenboo9416的博客
03-06 822
在flutter2中，在Media.queryO f删除nullOK了，例如 D:\FlutterSDK.pub-cache\hosted\pub.flutter-io.cn\bot_toast-2.4.1\lib\src\key_board_safe_area.dart 第12行， MediaQueryData data= MediaQuery.of(context,nullOk: true); 改为 MediaQueryData data= MediaQuery.of(context); ..
MediaQuery.removePadding( context: context, removeTop: true, child:
09-20
`MediaQuery.removePadding()` 是 Flutter 中的一个方法，它用于在构建布局时动态地移除指定区域的 padding（内边距）。这个方法通常用于处理像 TabBar、AppBar 或其他需要自适应屏幕空间的组件，以便它们不会受到顶部或底部内边距的影响。 参数说明如下： - `context`: 需要应用更改的上下文（BuildContext），通常是 Widget 的构建函数中传递的。 - `removeTop`: 如果设置为 `true`，则会移除顶部的 padding。 - `child`: 想要应用去padding效果的子 widget。这部分将占据整个去除padding后的可用空间。 通过这个方法，你可以创建出更响应式和适应不同屏幕尺寸的应用设计。例如，在设置 AppBar 时，你可能会这样做： ```dart Scaffold( appBar: MediaQuery.removePadding( context: context, removeTop: true, child: PreferredSize( preferredSize: Size.fromHeight(kToolbarHeight), child: AppBar(...), ), ), ) ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值