flutter怎么关闭空安全 flutter销毁页面

Flutter中showDialog()后关闭Dialog

在耗时操作的时候，一般都要弹出一个加载框，然后在完成的时候再把加载框关掉，在Flutter中可以直接用showDialog()来弹出一个对话框。

这是一个简单的提示对话框，包含了关闭按钮，点击就能关闭。但一般的耗时操作完成，就需要我们自己把dialog关闭掉。

首先，开启dialog的时机。由于我们需要获取到BuildContext，所以就得等build()方法走完，这里可以用Future.delayed()来等创建好BuildContext再进行创建，或者用Timer来延迟操作，我选择了前者。

其中delayed()在initState()结尾来做就行，这里参考网友封装了一个LoadingDialog。

那么接下来要在什么时机关闭呢？

一开始，我理所当然的以为，是在异步方法结束后，去更新界面的时候关闭，也就是setState(() {})的时候，可是不管怎么尝试，用Navigator.pop()不行，用Navigator.of(context, rootNavigator: true).pop(result)也不行，用FlutterBoost.singleton.close(id)也不行，用FlutterBoost.singleton.closeCurrent()也不行，都会直接把非Dialog的页面也关闭掉，这让我百思不得其解，因为showDialog()的本质也是新建了一个Route出来，也就是最顶层的页面是弹出的Dialog，可是为什么关不掉呢。

一番思前想后，把showDialog的逻辑移到和异步逻辑同级，也就是setState(() {})外面，然后把showDialog()自身创建的BuildContext传进去就能正常关闭了。也就是，在setState(() {})的时候，其实用的context还是非Dialog页面的，所以关闭的当然就不是Dialog了。

持有Dialog自己的BuildContext，然后在异步以后调用就行了。

相关问答

Q1: Flutter升级Dart版本支持空安全，原项目报错的处理

Dart支持空安全已经很久了，我们的项目在开发初期还没有空安全这回事，之前使用Swift开发过一段时间，领略过空安全的好处，于是升级了一下dart版本，升级后发现项目整体爆红，基本每个问题件都报错，一番摸索之后发现两种方式可解决该问题

1、第一种：在 dart 和 flutter 命令里，加入 --no-sound-null-safety 标记禁用

2、有人说在程序入口的第一行即main()的第一行添加// @dart=2.9以限定dart版本，亲测不好用，不知道是不是我加的地方有问题，但是在每个报错文件第一行都添加// @dart=2.9是好用的，这个还需要进一步探索

3、 最后是设置环境的sdk版本最低2.11.0

Q2: Flutter 常见警告

1、Avoid empty catch blocks.

如果try catch 中的catch没有任何实现则需要把catch的e异常改为_即可消除警告

2、Prefer const with constant constructors.

意思是需要加上const常量修饰符

3、Prefer using if null operators.

发生在使用三目运算符当中

4、The '!' will have no effect because the receiver can't be null.

在定义空安全之后的使用中

5、Don't access members with this unless avoiding shadowing.

引用了this关键字

6、SizedBox for whitespace.

使用Container布局

6、Unnecessary new keyword.

创建布局控件时使用new关键字

7、Avoid using braces in interpolation when not needed.

日志输出的时候对于单独的变量使用了大括号

8、Use key in widget constructors.

定义的StatefulWidget 中没有添加构造方法

9、The method doesn't override an inherited method.

定义方法之前添加了@override

Q3: flutter项目升级2.0过程填坑记录

在此之前先推荐看大佬的: 填坑指导

iOS需要注意：

1、flutter2.0要求cocoapods 升级到1.9.0

详情看这篇博客

2、原来flutter项目中的podfile文件是旧版本的ccocoapods了，删除podfile和对应的.lock，然后flutter项目重新运行使用它自动生成的podfile文件

3、安装CocoaPods

卸载cocoapods：sudo gem uninstall cocoapods

查看cocoapods版本：pod --version

指定版本安装：

sudo gem install -n /usr/local/bin cocoapods -v 1.9.3（新MacOS系统升级）

不指定版本安装

sudo gem install -n /usr/local/bin cocoapods

说明 :老项目sdk1.17.0===升级到2.0.1,当前所有操作基于win平台

到此为止环境已经准备妥当，正式进入项目修改。

所有的插件都要适配到空安全，插件是否支持均会有对应说明Null safety,适配过程不确定版本的话，可以使用dio: any,适配完事后再在pubspec.lock文件中查看具体的版本修改过来,实在有部分插件没有支持的，参考下面

部分插件在适配空安全的版本放弃维护了，得自行更新或寻找替代，如： flutter_swiper 变为 flutter_swiper_null_safety ，插件更新后要注意项目中的用法是否需要更新

2.1.1: 以前采用的是 provide 插件共享全局数据,现在变化为 provider ，用法改变, 点击参考 ，以防文章丢失，我重复一遍：

比如:

2.1.2: dio版本升级到4.0.0最新版后，部分用法改变

2.2.1

2.2.2

解决方案:

2.2.3

解决方案:

2.2.4

解决方案:

2.2.5

解决方案:

2.2.6

解决方案:

2.2.7

解决方案:

2.2.8

解决方案: child 换为sliver

2.2.8.1

解决方案: 项目目录下: android--app-build.gradle --minSdkVersion改为:18 或者19

2.2.8.2

解决方案: 在pubspec.yarm管理里面添加:publish_to

2.2.8.3

解决方案: video_player升级后字段发生了变化，initialized字段更换为:isInitialized(_controller.value.isInitialized)

2.2.8.4

解决方案:

2.2.8.5

解决方案:

2.2.8.6

解决方案: 方案一:删除ios目录下的Podfile.lock 文件然后重新运行 pod install命令

方案二:删除ios目录下的Podfile.lock与Podfile文件 重新运行flutter run或flutter build ios

方案三:删除ios目录,重新运行 flutter create . 命令，注意有"."这个符号不要忘记

2.2.8.7

这个报错一般对应的就是下面的报错，注意看后面的报错信息，看是哪个插件报错。

解决方案: 把Podfile的版本注释打开，改为platform :ios, '9.0' 或者是更高的版本

全局替换

1.将new List() 替换为[];

2.TextField的inputFormatters:[WhitelistingTextInputFormatter.digitsOnly] 替换为[FilteringTextInputFormatter.digitsOnly]

3.TextField的inputFormatters:[WhitelistingTextInputFormatter(RegExp("[a-z|A-Z|0-9]"))]替换为FilteringTextInputFormatter.allow(RegExp("[a-z|A-Z|0-9]"))

4.Stack组件中overflow: Overflow.visible改为 clipBehavior: Clip.none；overflow: Overflow.clip改为clipBehavior:Clip.hardEdge

5.ListWheelScrollView组件中clipToSize = false改为clipBehavior: Clip.none,clipToSize = true改为 Clip.hardEdge

6.TextField中maxLengthEnforced: true改为maxLengthEnforcement:MaxLengthEnforcement.enforced

7.FlatButton、RaisedButton、OutlineButton的变化： 官方参考

颜色的属性发生了变化，由原来的Color 变为了MaterialStatePropertyColor, 这是未了解决不同状态(pressed、hovered、focused、disabled)下按钮颜色的变化

例如

8.出现如下警告

9.showSnackBar报错误

解决方案: Scaffold换为ScaffoldMessenger

10.textSelectionColor弃用

解决方案:

11.charts_flutter升级后属性报错

解决方案:

12.flutter 真机调试无法访问网络，dio报错

解决方案:

android:

ios:

问题12完整参考

flutter怎么关闭空安全的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter销毁页面、flutter怎么关闭空安全的信息别忘了在本站进行查找喔。