Flutter中的buildContext

已于 2023-04-09 23:55:53 修改
阅读量173 收藏
点赞数
分类专栏： Flutter开发 文章标签： flutter
于 2021-08-27 09:17:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happiness365/article/details/119797706
版权

总结：Navigator.of(context) 这种context, 必须是能够找到MaterialApp对象的context, 因为navigator对象只能由MaterialApp提供，其他的对象不能提供。所以不能直接在MaterialApp的home属性中时候用 Navigator.of(context) , 因为此处的context 就是 MaterialApp Widget自身对应的element, 调用of()方法会继续向上查找NavigatorState, 但是找不到，所以就会报错，如果将Home的widget拆分出一个独立的widget, 则会不出现此问题，应为从这里向上找，会找到MaterialApp, 也就是会找到navigator。

参考：

祝你幸福365
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
flutter BuildContext深入理解
ok2547881370的博客
04-25 825
一. 什么是BuildContext buildContext是当前widget的上下文 Widget并不是真正要显示在屏幕上的东西,只是一个配置信息，它永远是immutable的,并且可以在多处重复使用。那真正显示在屏幕上的视图树是什么呢？Element Tree！ BuildContext的在StatelessWidget和StatefulWidget创建过程 // StatelessWidget 1. 首先它会调用StatelessWidget的 createElement 方法，并根据这个wi
flutter 系列之: 构建 Widget 的上下文环境 BuildContext 详解
开源直播系统源码
06-09 380
我们知道 Flutter 中有两种 Widget，分别是 StatelessWidget 和 StatefulWidget，StatelessWidget 中有一个 build 方法来创建对应的 Widget，虽然 StatefulWidget 中没有对应的 build 方法，但是和 StatefulWidget 对应的 State 中也有同样的 build 方法。......
Flutter 理解之 BuildContext
u013297881的专栏
08-03 1892
刚开始 接触flutter 时，我以为buildContext 就是类似于Android的上下文一下，但是大错特错， 比如 压一个新的页面到屏幕上 Navigator.of(context).push 比如把路由顶层的页面移除 Navigator.of(context).pop 其实buildContext 就是就是一个抽象类，其中有两个方法，一个是返回一个weight 一个是返回buildOwner 但是flutter 如何构建视图呢，我们认为一切皆weight ，我们通过构建嵌套weight 来编写U
Flutter的BuildContext介绍
移动端开发干货分享
04-12 1054
简单来说，BuildContext就是Element。Flutter不鼓励直接操作Element，所以以BuildContext接口的姿态对外暴露
Flutter | 一文搞懂 BuildContext
345丶
08-02 907
概述 [BuildContext] objects are actually [Element] objects. The [BuildContext] ,interface is used to discourage direct manipulation of [Element] objects. 翻译过来的意思就是 [BuildContext] 对象实际上是 [Element] 对象。 [BuildContext] 接口用于阻止直接操作 [Element] 对象。 根据官方的注释，我们可以知道 Bui
build_context:访问BuildContext实例中最常用的属性
04-13
访问BuildContext实例中最常用的属性。 该程序包依靠Dart的扩展来轻松访问依赖BuildContext实例的最常用的属性和函数。 可用扩展 我经常更新此软件包以添加更多扩展，在此之后，您可以看到最新版本中的当前可用扩展...
Flutter中mixin的使用详解
08-19
itemBuilder: (BuildContext context, int index) => TeamListItem(listData[index]), ), ), isLoading ? Center(child: CircularProgressIndicator()) : Container(), ], ), ); } } mixin ...
Flutter 完全手册
02-08
接下来，手册会深入探讨Flutter的基本组件，如Widgets、State管理和BuildContext。Widgets是Flutter构建UI的基本单元，它们是可复用的UI元素，通过组合各种Widgets可以构建出复杂的界面。State管理和BuildContext的...
Flutter 命名路由传值(无状态)
01-20
Widget build(BuildContext context) { return MaterialApp( initialRoute: '/', onGenerateRoute: onGenerateRoute, ); } } ``` 在`Routes.dart`文件中，我们定义了一个全局路由映射`routes`，其中包含了...
flutter页面滚动联动实现
03-25
Widget build(BuildContext context) { return NestedScrollView( headerSliverBuilder: (context, innerBoxIsScrolled) { return [ SliverAppBar( // appBar的配置 ), ]; }, body: EasyRefresh( child: ...
Flutter BuildContext 探究
weixin_34301307的博客
01-18 794
0x00 前言 BuildContext是Flutter的重要部分，但是目前网上讲BuildContext的文章太少了，所以本篇文章讲讲BuildContext。 0x01 BuildContext 介绍 BuildContext,顾名思义，Build（构建Widget） Context（应用上下文），就是构建Widget中的应用上下文。 所以BuildContext只出现在两个地方： Stat...
Flutter 小技巧之优化你使用的 BuildContext
恋猫de小郭的博客
07-24 1624
相信大家都不会陌生，虽然它叫Context，但是它实际是Element的抽象对象，而在Flutter里，它主要来自于。例如上面这段代码，可能会导致键盘在弹出的时候，虽然当前页面并没有完全展示，但是也会导致你的控件不断重新计算从而出现卡顿。还记得前面的log吗？由于在5秒之内，Item被划出了屏幕，所以对应的Elment其实是被释放了，从而由于。还能正常弹出，而如果这时候我们直接退出页面，还是会出现以下的错误提示，因为。的时候，代码里做了一个2秒的延迟，然后才调用。...
Flutter笔记：build方法、构建上下文BuildContext解析
最新发布
jclee95的个人博客
10-04 1271
本文主要介绍Flutter中的build方法和构建上下文对象相关知识。
flutter获取全局的context
haoxuhong的博客
12-29 6399
通过navigatorKey的方式 void main() { runApp(MyApp()); } final GlobalKey<NavigatorState> navigatorKey = new GlobalKey<NavigatorState>(); class MyApp extends StatelessWidget { MyApp() { } // This widget is the view.common.root of your.
Flutter获取全局context
热门推荐
大灰狼的小绵羊哥哥的博客
07-09 1万+
通过navigatorKey的方式 void main() { runApp(MyApp()); } final GlobalKey<NavigatorState> navigatorKey = new GlobalKey<NavigatorState>(); class MyApp extends StatelessWidget { MyApp() { } // This widget is the view.common.root of yo.
Flutter 中由 BuildContext 引发的血案
编程二三事
06-13 781
今天和各位分享一个博主在实际开发中遇到的问题，以及解决方法。废话不多说，我们先来看需求： 我们要做一个iOS风格的底部菜单弹出组件，具体涉及showCupertinoModalPopup()方法，该方法被执行后，会出现如下图类似所示的菜单弹出视图： 相信这个弹出菜单视图都有见过吧？下面重点来了：在本次的项目需求中，该视图的选项文字是由Server端返回的。也就是说，这些选项的内容和个数都不固定，因此不能将其在代码中写固定值。 为了简化代码以突出重点，下面放上我在一开始的实现方案： openAction
Flutter 组件集录 | 3.7 新增 - ContextMenu 菜单
夏夏的博客
01-29 1810
Context 菜单算是对弹出框的一个特性支持，特别对于桌面端来说，让右键弹出工具框的处理更加简便。比如下方所示，是 AndroidStudio 中右键时弹出的工具：严格来说，不是一个单独的组件，而是一个弹出浮层菜单项小体系。对于移动端来说，输入框 TextFiled 组件长按文字时弹出的工具菜单也属于一种 ContextMenu ：从本质上来说 ContextMenu 也不是什么新东西，只不过是对Overlay浮层的一层封装而已。通过控制器方便地添加和移除浮层。
【Flutter】详解BuildContext
sinat_36955332的博客
09-06 924
framework.dart中BuildConttext源码： /// The [BuildContext] for a particular widget can change location over time as /// the widget is moved around the tree. Because of this, values returned from /// the methods on this class should not be cached beyond the exe
Flutter | 深入理解BuildContext
weixin_33800593的博客
02-15 2134
前言 最近看到一些刚接触Flutter的同学在进行页面跳转的时候，出现了这个问题。 flutter: Navigator operation requested with a context that does not include a Navigator. flutter: The context used to push or pop routes from the Navigator mu...
flutter如何获取context
06-01
在Flutter的Widget树中，每个Widget的`build`方法都会传入一个`BuildContext`参数，可以通过这个参数获取到当前Widget所属的上下文`context`。例如： ```dart class MyWidget extends StatelessWidget { @override...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值