flutter Navigator.pop(context)会黑屏问题

已于 2022-04-07 17:42:27 修改
阅读量7k 收藏 1
点赞数
分类专栏： android基础知识 Flutter 文章标签： android
于 2019-09-26 16:08:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gongjdde/article/details/101449857
版权

flutter Navigator.pop(context);会黑屏是因为和启动的不是同一个Widget，导致界面没有完全关闭，产生黑屏现象，如下：

启动的是SelectCabinet，代码结构如下：

关闭当前界面的代码是在SelectCabinetFull中调用的 所以会关闭SelectCabinetFull界面，导致SelectCabinet没有关闭，所以修改代码如下：

其实最终目的就是让界面完全关闭即可。

龚礼鹏
关注
专栏目录
Flutter之路由系列之Navigator简析
菜鸟博客
06-11 1793
博主的博客Flutter之路由系列之LocalHistoryRoute简单的梳理下Flutter的路由机制，其中Navigator扮演者重要的角色。本篇博文就简单梳理下Navigator的相关知识点。闲言少叙，开始发车。 通过本篇博客你可以了解到： 1、MaterialApp内置了一个Navigator对象 2、一个APP中有多个Navigator对象在调用Navigator.of(context)要注意的事项 本篇通过一个demo app来说明Navigator的用法及其细节，在我们的demo中有个四个页
Flutter返回上一页黑屏问题
蓝不蓝编程
08-27 844
问题现象 Flutter中调用Navigator.pop(context)返回上一页时，屏幕黑了。 问题原因 当前页面里面包含了MaterialApp。 class AddBlogPage extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: '花生皮博客', home: MyHomeApp(title: '博客'),
flutter 调用Navigator.pop 导致页面黑屏
qq_41576867的博客
03-24 1118
flutter 调用Navigator.pop 导致页面黑屏 在initState()方法中调用pop     我遇到了在需要在initState阶段 进行一个状态判断，如果判断失败 就退出界面，我就直接写了Navgator.pop进行跳转。然后就出现了黑屏 　我一开始以为是出在contexts身上，结果对照了半天并不是。 　最后反复排查我发现问题是出在我的页面在没加载完，就调用了pop，虽然这个时候contexts是这个页面的，但是pop的会是上个页面。导致了我的黑屏。　 　我的解决方
Flutter 初识：导航控件
最新发布
yang_6799的博客
07-13 929
CupertinoPageRoute 是一个iOS风格的页面路由，用于在iOS平台上提供一致的导航体验。它同样继承自PageRoute，并实现了TransitionRoute用于处理页面切换时的过渡动画。MaterialPageRoute 是一个材料设计风格的页面路由，用于在安卓平台上提供一致的导航体验。Navigator 用于管理应用程序的路由，通过堆栈结构来实现页面的进出。它支持页面的推入（push）和弹出（pop）操作，允许在应用中进行复杂的导航模式。尝试从导航堆栈中弹出当前页面。
flutter 自动弹窗 pop 时黑屏问题
Bai_Xiao_chun的博客
07-13 949
flutter 自动弹窗 pop 时黑屏问题
Flutter界面pop黑屏问题
helloworld19870427的专栏
07-20 5253
今天在写flutter的demo时调用pop结果黑屏了，原因在于我们使用Navigator.pop(context);时，此时的context并不是当前页面 Build时的context，而是上个界面的context，这样导致我们pop的时候，实际上并不是当前页面,而是关闭了上个界面，所以，出现了黑屏的问题。如下修改代码： import 'package:flutter/material.da...
Flutter Navigator Pop does not work && Flutter 返回黑屏
weixin_42576267的博客
07-16 2107
https://stackoverflow.com/questions/49707580/flutter-navigator-pop-does-not-work
Flutter 利用 Navigator.of(context).pop(this) 黑屏问题
瞬神_夜一的专栏
11-18 2908
当直接调用跳转的时候会遇到红屏报错的问题 Navigator.of(context).push( MaterialPageRoute(builder: (context) { return JumpPage();//返回的是需要跳转单页面 },)); 此时不要保存热更新，需要重新运行项目即可 另外，当退出当前页面使用pop方法返回上一级的时候，会出现黑屏的现象 Navigator.of(contex
flutter路由 Navigator.pushNamed传参
Will_Pass的博客
06-16 6865
觉得有用点个赞 Routers.dart 这个文件用于配置路由 import 'package:flutter/material.dart'; import 'package:flutterapp/searchPage.dart'; import 'package:flutterapp/tabs.dart'; import 'form.dart'; //配置路由 final routes = { "/": (context, {arguments}) => Tabs(), "/form"
flutter_bottom_navigator.zip
01-02
"flutter_bottom_navigator.zip"这个压缩包文件显然与Flutter的底部导航栏（BottomNavigationBar）有关，这是一种常见的用户界面元素，用于在多个页面间切换。下面将详细探讨BottomNavigationBar以及与其相关的Stack...
flutter2 provider的使用（一）：context.read和context.watch
fenboo9416的博客
03-23 4057
在flutter2中，原有的provide已经丢弃不用，provide也不再更新，逼得我们不得不使用provider来做状态管理的替代。 学习provider就开始了。 从哪里开始写起，runApp 在main中的runApp（）里，写 MultiProvider 形如： MultiProvider( providers: [ ChangeNotifierProvider(create: (_) => Counter()), ], child: co
Flutter学习笔记（五）页面跳转与数据传递
weixin_40929353的博客
10-26 476
主要记录在Flutter中如何实现类似Android中Activity间跳转与数据传递的过程。 Flutter中一切皆Widget，所以页面的跳转也是从一个widget到另一个widget的过程。这里将引入两个概念导航（Navigator），路由（Route），页面的跳转及管理就是靠这两个完成的。 1、页面跳转 Navigator.push方法传递route实现，具体如下 按钮的点击事...
flutter navigator.pop()黑屏
07-08 3834
这个问题 https://stackoverflow.com/questions/53723294/flutter-navigator-popcontext-returning-a-black-screen 说的非常棒 This can happen if yourMoviesPagehas anotherMaterialAppwidget. Most of the time you...
flutter跳转要先Navigator.pop(context)；
07-01 3843
先跳转，再Navigator.pop(context);
Flutter界面退出pop黑屏问题
u013297881的专栏
04-09 1615
两种原因 1 https://blog.csdn.net/helloworld19870427/article/details/96596290 原因在于我们使用Navigator.pop(context);时，此时的context并不是当前页面 Build时的context，而是上个界面的context，这样导致我们pop的时候，实际上并不是当前页面,而是关闭了上个界面，所以，出现了黑屏的问...
深入探究Flutter中的页面导航器：Navigator详解
繁依Fanyi的博客
04-01 1905
自定义转场动画是提升应用用户体验的重要手段之一。在本文中，我们深入探讨了Flutter中Navigator的主要功能和用法，包括页面路由、路由参数传递、命名路由、路由观察器、自定义转场动画、透明路由、Hero动画、路由保持状态、导航器嵌套等方面。导航器嵌套允许我们在一个页面内部创建多个导航器，并分别管理它们之间的导航栈，从而实现更灵活和复杂的页面管理。在Flutter中，Navigator扮演着非常重要的角色，它允许我们在应用程序中进行页面的跳转、返回以及传递参数等操作，为用户提供了流畅、高效的导航体验。
Flutter 路由学习
hua_9527的博客
06-15 124
1:MaterialApp 内节点增加routes:{ key:(BuildContext context)=>StateFulWidget(), key:(BuildContext context)=>StateFulWidget(), } ps
Flutter学习——杂记篇
张豆豆的博客
03-11 3335
《Flutter实战·第二版》- Previewhttps://book.flutterchina.club/
pop到指定页面
thlcm的专栏
04-17 637
navigationController在pop时，指定pop到某个页面，这个页面要在navigationController栈里有的     for (UIViewController *temp in self.navigationController.viewControllers) {         if ([temp isKindOfClass:[需要退到哪个类类名
flutter 中使用 Navigator.pop(context); 关闭showDialog 怎么还是触发了onClose()
06-03
如果您使用 `Navigator.pop(context)` 关闭 `showDialog` 仍然触发了 `onClose()`，则可能是因为您在 `GetMaterialApp` 中设置了 `defaultTransition` 或 `defaultPopGesture`，这会导致在关闭页面时触发 `onClose()` 方法。 为了避免这种情况，您可以尝试在关闭 `showDialog` 前，暂时禁用 `defaultTransition` 和 `defaultPopGesture`。具体代码如下： ``` Get.defaultPopGestureEnabled = false; Get.defaultDialogTransition = DialogTransition.fade; Navigator.pop(context); Get.defaultPopGestureEnabled = true; Get.defaultDialogTransition = DialogTransition.cupertino; ``` 在这个例子中，我们将 `defaultPopGestureEnabled` 设置为 `false`，以禁用默认的返回手势。然后，我们将 `defaultDialogTransition` 设置为 `DialogTransition.fade`，这样在关闭 `showDialog` 时不会产生动画效果。最后，我们再将 `defaultPopGestureEnabled` 设置为 `true`，以启用默认的返回手势。同时，将 `defaultDialogTransition` 设置为 `DialogTransition.cupertino`，以恢复默认的过渡动画。 这样，在关闭 `showDialog` 时，就不会触发 `onClose()` 方法了。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

龚礼鹏

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值