简介
一个电商APP，商品详情页是很重要的页面。从需求情况来看，存在自己跳自己的情况。同事说只要把preventDuplicates设置为false就可以了。
这该怎么理解？
望文生义
-
网易词典中参数名称翻译：
prevent Duplicates ： 防止重复 -
源码中的参数注释：
英文：
By default, GetX will prevent you from push a route that you already in,if you want to push anyway, set [preventDuplicates] to false
中文（网易翻译）：
默认情况下，GetX将阻止你推送一个你已经在的路由，如果你想无论如何都要推送，将[preventduplates]设置为false
看源码
// var routeName = "/${page.runtimeType}";
routeName ??= "/${page.runtimeType}";
routeName = _cleanRouteName(routeName);
if (preventDuplicates && routeName == currentRoute) {
return null;
}
-
page: 一般只页面，命名一般为xxxPage，其实是一个Widget，一般是一个类。
-
routeName和currentRoute是只路由，类型是String。路由有专门的类，不过这里简化为用一个字符串代表一个路由，也就是一个页面。
-
routeName：其实就是类名前面加一个/。从代码注释来看，老版本只能是类名前面加个/。新版本可以自定义，从外部传入。
-
preventDuplicates默认值是true。所以当自己跳转自己时，routeName == currentRoute将成立，直接返回null，啥也不做。
-
所以，把preventDuplicates设置为false，就可以随便跳了。同事说得没错。
-
preventDuplicates的作用，可以类比为“按钮防抖”。 假设手一抖，“跳转下一页”按钮点了多次，那么页面只会加入一次，其他几次“抖动点击”相当于无效。
-
从源码可以看出，当前的版本，自己跳自己也可以通过自己命名routeName的方式更加优雅地实现，不需要修改preventDuplicates，毕竟“防抖”还是有必要的。
-
其实“防止重复”比参数注释更加准确一点，已经在路由堆栈中的页面还是可以加入的，只要不是“抖动式”反复叠加就可以。比如A跳B，B跳A，A跳C，C跳A等等都是可以的。在堆栈中A页面可以有多个。preventDuplicates只是防止脑残式的A跳A
-
从这段简短的代码也可以看出，关于“防抖”这点，Get的设计者还是花了点心思的。
toNamed方法
Future<T?>? toNamed<T>(
String page, {
dynamic arguments,
int? id,
bool preventDuplicates = true,
Map<String, String>? parameters,
}) {
if (preventDuplicates && page == currentRoute) {
return null;
}
if (parameters != null) {
final uri = Uri(path: page, queryParameters: parameters);
page = uri.toString();
}
return global(id).currentState?.pushNamed<T>(
page,
arguments: arguments,
);
}
-
从源码上看，Get.to和Get.toName是两套完全不用方法，是对应Flutter原生push和pushNamed的胶水封装。
-
在这里，没有routeName参数，只能通过修改preventDuplicates为false来实现自己跳自己的目的。
-
通过Uri过渡，实现url后面拼接参数的实现方式也是可以借鉴一下的。
路由类型
image.png
- Dialog 类型是 GetDialogRoute，继承自 PopupRoute。
- BottomSheet 类型是 GetModalBottomSheetRoute，继承自 PopupRoute。
- Snackbar 类型是 SnackRoute，继承自 OverlayRoute。
- Page 类型是GetPageRoute，继承自 PageRoute。
出栈（入栈）类型限定
image.png
导致的问题
有些时候，在Dialog或者BottomSheet的基础上，继续调用Get.to或者Get.toNamed进行跳转，由于PageRoute类型限制，会导致currentRoute参数会和预想的有出入。现象就是有时候会出现点击按钮，页面打不开。
解决方案
这个时候，currentRoute已经错乱，要解决页面无法打开，就应该把preventDuplicates设置为false
小结
综合考虑Get.to和Get.toNamed的情况，再出现页面无法打开的时候，将preventDuplicates设置为false是最简洁有效的解决方案。
当然，默认情况下，preventDuplicates就应该保持默认的true不动，“防抖”的功能在大多数情况下还是很有用的。
参考文章
【Flutter 问题系列第 67 篇】在 Flutter 中使用 Get 插件在 Dialog 弹窗中不能二次跳转路由问题的解决方案
网友评论