开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

调用Navigator.of( context ).pop()后如何获取父context？

调用Navigator.of(context).pop()后，可以通过以下方式获取父context：

使用Navigator的回调函数：在调用pop()方法时，可以传递一个回调函数作为参数。该回调函数会在页面返回到父页面时被调用，并且会传递一个参数，即返回到父页面时的context。可以在回调函数中将该context保存起来，以便后续使用。

示例代码：

Navigator.of(context).popUntil((route) {
  // 在这里获取到父context并保存
  parentContext = route.settings.context;
  return true;
});

使用GlobalKey：在父页面的Widget中创建一个GlobalKey对象，并将其传递给子页面。子页面可以通过该GlobalKey对象获取到父页面的context。

示例代码：在父页面中：

GlobalKey parentKey = GlobalKey();

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => ChildPage(parentKey: parentKey),
  ),
);

在子页面中：

class ChildPage extends StatelessWidget {
  final GlobalKey parentKey;

  ChildPage({required this.parentKey});

  // 在需要获取父context的地方使用parentKey.currentContext即可
  // 例如：parentKey.currentContext.findAncestorWidgetOfExactType<ParentWidget>()
}

通过以上两种方式，可以在调用Navigator.of(context).pop()后获取到父context，并在需要的地方使用。

相关搜索:Navigator.of(context，).pop()出现中间黑屏 Flutter: Navigator.of(context).pop()返回黑屏 Navigator.of(context).pop()；使整个屏幕消失，而不是弹出窗口如何在父控件的回调函数中使用Navigator.of(context)？在调用Navigator.of(context).push()时仅替换子级 Flutter:如何将PageRoute动画与Navigator.of(context).pushNamed相结合如何在Qt中调用context.getExternalFilesDir 如何在安卓系统中调用公共CustomSeekBar(Context context)中的VectorClass_1类？如何在我的ModalRoute中获取Provider<MyBloc>.of(context)如何在React Context API中获取数据并存储？如何在React context API中调用与调用函数并行的函数如何从Widget build(BuildContext context)方法外部的父类调用BaseViewModel类中的方法如何获取PCCERT_CONTEXT私钥的NCRYPT_KEY_HANDLE？如何在Android head中获取Android.Content.Context对象如何使用context作为参数获取函数的返回值？“请确保先调用FirebaseApp.initializeApp(Context)。”如何修复此错误？C#如何从context.Request.InputStream获取POST表单值我希望在使用Navigator.pop(context)从另一个类返回后恢复警报对话框如何使用@Context或类似的方法在任何类中获取ServletRequest？如何仅在用户使用React Js Context API登录时获取数据？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

如何从context-param获取参数？

3.从context-param获取：马克-to-win：用context-param存放的参数，本个web应用中的任何servlet，jsp都可以获得。...servletContext.getInitParameter("zhangsan"); System.out.println(jd); } } web.xml中，在任何“servlet标签对儿”的外面加入（因为context...参数不属于任何特定的servlet，属于整个web应用）： zhangsan...1000 运行Servlet后，console中输出结果： 1000 更多请看下节：https

3K2 0

如何在Java中获取context-param值？

“ context-param”标记在“ web.xml”文件中定义，并且为整个Web应用程序提供参数。...例如，将管理员的电子邮件地址存储在“ context-param”参数中，以从我们的Web应用程序发送错误通知。...web.xml AdministratorEmail mkyong2002...@yahoo.com 我们可以使用以下Java代码获取上面的“ AdministratorEmail”上下文参数值。...; 结果 mkyong2002@yahoo.com 标签：上下文 Java 翻译自: https://mkyong.com/web-development/how-to-get-context-param-value-in-java

2.8K1 0

Flutter(五)--Navigator&页面传值Flutter(五)--Navigator&页面传值

在组件里可以使用Navigator.of(content)来获得父组件里的导航器有两种方式来实现路由跳转 1，构建路由跳转该builder方法中可以携带参数 push、pop都可以携带对象（...( child: Text('push'), //pop回来的值类型为Future，必须使用await来获取，而await必须在async异步线程中使用...: () => Navigator.of(context).pop('we are coming'), ),))); } 2，命名路由跳转在MaterialApp中设置，...'/back': (context) => Navigator.of(context).pop(), } ) //任意位置调用： Navigator.pushNamed(context, '...: Navigator.of(context).pushNamed('signup/password') ---- 如果有任何问题欢迎留言讨论。

2.3K3 0

【Flutter 实战】路由堆栈详解

页面切换时路由动画 push 和 pop 是不同。 maybePop 和 canPop 上面案例如果点击 A 页面按钮直接调用 pop 会如何？...A，调用 pop 后，路由堆栈变化： ?...(context).canPop()){ Navigator.of(context).pop(); } }, ) pushNamed pushNamed 是命名路由的方式，需要在...onPressed: () { if(Navigator.of(context).canPop()){ Navigator.of(context).pop(); } },...( child: Text('D 页面'), onPressed: () { Navigator.of(context).pop(); }, ) ?

1.4K3 0

Flutter开发（15）- 路由导航

), ) // 按钮点击执行的代码 _onBackTap(BuildContext context) { Navigator.of(context).pop(); } 1.2....pop时，回调对应的then函数，并且会携带结果 _onPushTap(BuildContext context) { // 1.跳转代码 final future = Navigator.of(context...pushNamed时，如何传递参数： _onPushTap(BuildContext context) { Navigator.of(context).pushNamed(HYDetailPage.routeName..., arguments: "a home message of naned route"); } 在HYDetailPage中，如何获取到参数呢？...在build方法中ModalRoute.of(context)可以获取到传递的参数 Widget build(BuildContext context) { // 1.获取数据 final message

9792 0

Flutter路由管理和页面参数的传递（获取&返回）

这和原生开发类似，无论是 Android 还是 iOS ，导航管理都会维护一个路由栈，路由入栈( push )操作对应打开一个新页面，路由出栈( pop)操作对应页面关闭操作，而路由管理主要是指如何来管理路由栈...@optionalTypeArgs static bool pop(BuildContext context, [ T result ]) { return Navigator.of...(context).pop(result); } 使用非常简单： Navigator.of(context).pop("ok~!")...; 页面参数的传输、获取以及结果返回参数传输 Navigator.of(context).pushNamed('/route1', arguments: {"name": 'hello'}); 参数获取...(context).pop("ok~!")

4.6K4 0

flutter系列之:创建一个内嵌的navigation

那么应该如何处理呢？搭建主Navigator 主Navigator是我们app的一些主要界面，这里我们有三个界面，分别是主home界面，一个setting配置界面和好友匹配界面。...); } HomePage很简单，它包含了一个floatingActionButton，当点击它的时候会调用 Navigator.pushNamed方法进行路由切换。...pushNamed(routeFriendFinishedPage); } 可以看到上面的路由切换实际上是在子路由上切换，跟父路由无关。如果想要直接从子路由跳出到父路由该怎么处理呢？...很简单，调用Navigator.of的pop方法即可： void _exitSetup() { Navigator.of(context).pop(); } 这里的context默认是全局的...context,所以会导致主路由的跳转变化。

2381 0

【Flutter 专题】57 图解页面小跳转 (三)

使用 popUntil 时不可传递返回值，对于返回首页 firsPage 时不可用 ModalRoute.withName('firstPage') 和尚整理了其他几种方式获取根目录首页路径； // 跳转...predicate(_history.last)) pop(); } 这样我们可以用最直接的方法手动调用 pop(result) 传递一个状态码，在各页面的 then 方法中接收判断...，再调用 pop(result) 等直到目标页面；和尚认为这种方式的优点是实现简单，思路清晰；缺点是每个页面均需要接收回调判断；和尚查询网上 nguyentuanhung 自定义的 flutter_popuntil...(context).pop(results); } } });...popUntil 时给一个 Provider 赋值，在到达目的页面时获取 Provider 内容；有需要可以参考和整理的 Provider 基本用法； ?

1.7K4 1

Flutter 小技巧之优化你使用的 BuildContext

首先如下代码所示，在该例子里当用户点击 FloatingActionButton 的时候，代码里做了一个 2秒的延迟，然后才调用 pop 退出当前页面。...可以看到此时 log 说，Widget 对应的 Element 已经不在了，因为在 Navigator.of(context) 被调用时，context 对应的 Element 已经随着我们的退出销毁...mounted) return; Navigator.of(context).pop(); }, ), ); } } 上面代码里的 mounted 标识位来自于...那如果假设需要在开发时展示点击数据上报的结果，也就是 Item 被释放了还需要弹出，这时候需要如何处理？...直接在 build 里调用肯定可以，虽然 build 会被比较频繁执行，但是 of(context) 操作其实就是在一个 map 里通过 key - value 获取泛型对象，所以对性能不会有太大的影响

1.3K0 0

那些初学者实践 Flutter 最常出现的错误

异步任务结束在页面被pop之后，但没有检查State 是否还是 mounted，继续调用 setState 就会出现这个错误。...示例代码一段很常见的获取网络数据的代码，调用 requestApi()，等待Future从中获取response，进而setState刷新 Widget： class AWidgetState extends...典型错误二：Navigator.of(context) 是个 null 典型错误信息：NoSuchMethodError: The method 'pop' was called on null....Navigator.of(context).pop(); 原因分析：出错的原因在于—— Android 原生的返回键：虽然代码指定了barrierDismissible: false，用户不可以点半透明区域关闭弹窗...另外，代码里的Navigator.of(context) 所用的context也不是很正确，它其实是属于showDialog调用者的而非 dialog 所有，理论上应该用builder里传过来的context

2.9K2 1

Flutter 自定义Drawer 滑出位置的大小实例代码详解

2、调用的地方 ?...(context).pop(); Navigator.of(context).push(new MaterialPageRoute( builder: (BuildContext...context) = new AccountManagersPage(''))); }, child: new CustomDrawer( //调用修改Drawer的方法...(context).pop(); //Navigator.of(context).push(new MaterialPageRoute(builder:(BuildContext...(context).pop(); Navigator.of(context).push(new MaterialPageRoute( builder

1K3 0

flutter系列之:在flutter中使用导航Navigator

>(BuildContext context, Route route) { return Navigator.of(context).push(route); } push是一个静态方法...可以看到方法内部实际上是调用了Navigator.of方法，最后返回的是一个Future对象。我们的例子是两个图片widget的简单切换。...result ]) { Navigator.of(context).pop(result); } 和push一样，pop方法也接收一个context对象，但是它还有一个可选的result...最后实际调用的是Navigator.of(context).pop方法。 result是做什么的呢？还记得push方法吗？...这个结果就是pop时候传进来的。当我们调用push方法的时候，就会把这个result放在Future中返回。

7782 0

Flutter中的基本路由、命名路由、替换路由，返回到根路由

2，普通路由执行跳转页面的关键代码如下： Navigator.of(context).push( MaterialPageRoute( builder...) { ...... } //普通路由跳转 Navigator.of(context).push( MaterialPageRoute( builder: (context) =>...Searchpage(info: "666",),//页面跳转并且传值 ) ); 4，由A页面跳转到B页面后，B页面会自动有返回按钮以及返回操作。...(context).pop(); }, child: Text("back"), ) 最后，本文示例代码的演示效果如下： ?...今天我们接着来聊聊Flutter中的替换路由和如何返回到跟路由。

9K2 1

Flutter中如何使用WillPopScope的示例代码

在Flutter中如何实现点击2次Back按钮退出App，如何实现App中多个Route（路由），如何实现Back按钮只退出指定页面，此篇文章将告诉你。...(context).pop(true)), RaisedButton( child: Text('取消'), onPressed: () = Navigator.of...(context).pop(false)), ])), child: Container( alignment: Alignment.center, child: Text(...(context).pop(true); return true; } }, child: Container( alignment: Alignment.center,...App中有多个Navigator 我们的App通常是在MaterialApp和CupertinoApp下，MaterialApp和CupertinoApp本身有一个Navigator，所以默认情况下调用

2.8K4 0

Flutter中路由返回的多种方式

返回上一级路由 Navigator.of(context).pop(); 在页面中调用这个方法可以返回进入当前页面的上一级页面。 2....替换路由 Navigator.of(context).pushReplacementNamed('目标页面路由'); 当页面中跳转顺序是A页面-B页面-C页面，如果在B页面中使用上面这个命令跳转到C页面...settings) { // 官网传参示例 // 获取当前路由名称 final String name = settings.name; // 获取路由名称对应的处理方法...(context).pop(); }, ), appBar: AppBar( title:...(context).pop(); }, ) ],

1.3K2 0

Flutter中如何使用WillPopScope

老孟导读：在Flutter中如何实现点击2次Back按钮退出App，如何实现App中多个Route（路由），如何实现Back按钮只退出指定页面，此篇文章将告诉你。...(context).pop(true)), RaisedButton( child: Text('取消'),...onPressed: () => Navigator.of(context).pop(false)), ])), child: Container( alignment...(context).pop(true); return true; } }, child: Container( alignment: Alignment.center...App中有多个Navigator 我们的App通常是在MaterialApp和CupertinoApp下，MaterialApp和CupertinoApp本身有一个Navigator，所以默认情况下调用

1.5K2 0

flutter系列之:在flutter中使用导航Navigator

>(BuildContext context, Route route) { return Navigator.of(context).push(route); } push是一个静态方法...可以看到方法内部实际上是调用了Navigator.of方法，最后返回的是一个Future对象。我们的例子是两个图片widget的简单切换。...result ]) { Navigator.of(context).pop(result); } 和push一样，pop方法也接收一个context对象，但是它还有一个可选的result...最后实际调用的是Navigator.of(context).pop方法。 result是做什么的呢？还记得push方法吗？...这个结果就是pop时候传进来的。当我们调用push方法的时候，就会把这个result放在Future中返回。

6512 0

【错误记录】Flutter 界面跳转报错 ( Navigator operation requested with a context that does not include a Naviga )

The context used to push or pop routes from the Navigator must be that of a widget that is a descendant...://img-blog.csdnimg.cn/20210329101628636.jpg", width: 300, // 点击事件 , 这里点击该组件后..., 跳转到新页面 onTap: (){ print("点击事件触发"); Navigator.of(context)....(context).pop(); }, ),...Navigator.of(context) 代码获取 Navigator , 注意这里的 context 上下文关联的是 StatelessWidget 组件 , 也就是数从该 StatelessWidget

5591 0

Flutter 路由参数传递及接收

Navigator 的 push 和 pop方法 Navigator 导航器的 push 和 pop 方法可以携带参数在页面间传递，其他变形的方法也一样。...(context).pop({'id': routeParams['id']}); return true; }, ); } } 实际上这个ModalRoute.of...这里我们调用了携带参数的 pop 方法以便将参数回传。实际这里往往做一些其他处理，例如表单没有保存询问是否确认李可，还有广大电商的活动页询问你是“忍痛离开”或是“再看一会”的处理。...); return widget; }, ); } 总结本篇介绍了路由参数的传递示例以及路由拦截后参数修改，在实际过程中一般是往下级传递路由参数，需要尽量避免来回传参来实现数据传递导致上下级页面耦合严重...在 pub 上fluro 路由管理非常流行，下一篇介绍如何使用 fluro 实现页面路由。

1.2K0 0

flutter开发小技巧2

/ push Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) => MyPage())); ...// present Navigator.of(context).push(MaterialPageRoute(builder: (BuildContext context) => MyPage(),...fullscreenDialog: true)); // pop Navigator.pop(context) // pop + push Navigator.of(context).....pop() ..pop() ..pushNamed('/settings'); API // push Future push(BuildContext context, Route...context, Route route) Navigator.of(context).push(Route route) 获取widget的位置和宽高 final RenderBox box = keyContext.findRenderObject

7002 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭