flutter跳转到首页并移除所有页面，类似Android的singleTop

痛定思痛。 2021-06-11 01:38 636阅读 0赞

##### 问题描述： #####

在某篇文章详情页的时候，点击上面的栏目即返回到首页

如下图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70]

当点击腾讯校园招聘的时候，这时候会pop掉之前的页面，然后移除所有，直接返回到首页。

之前的效果是这样子的，一直没有找到合适的解决方法，可能是自己写得有些急了吧。

![在这里插入图片描述][20190801184311292.gif]

#### 问题结局： ####

因为在flutter中用的路由是`fluro`，这个路由也是比较受欢迎的，轻量级的，网上搜了一圈，还是没有搜出这样的答案，于是不小心点进去了源码，发现里面的方法并没有几个，但是发现了下面几行代码：

Future navigateTo(BuildContext context, String path,
          { bool replace = false,
          bool clearStack = false,
          TransitionType transition,
          Duration transitionDuration = const Duration(milliseconds: 250),
          RouteTransitionsBuilder transitionBuilder}) { 
        RouteMatch routeMatch = matchRoute(context, path,
            transitionType: transition,
            transitionsBuilder: transitionBuilder,
            transitionDuration: transitionDuration);
        Route<dynamic> route = routeMatch.route;
        Completer completer = Completer();
        Future future = completer.future;
        if (routeMatch.matchType == RouteMatchType.nonVisual) { 
          completer.complete("Non visual route type.");
        } else { 
          if (route == null && notFoundHandler != null) { 
            route = _notFoundRoute(context, path);
          }
          if (route != null) { 
            if (clearStack) { 
              future =
                  Navigator.pushAndRemoveUntil(context, route, (check) => false);
            } else { 
              future = replace
                  ? Navigator.pushReplacement(context, route)
                  : Navigator.push(context, route);
            }
            completer.complete();
          } else { 
            String error = "No registered route was found to handle '$path'.";
            print(error);
            completer.completeError(RouteNotFoundException(error, path));
          }
        }
    
        return future;
      }

在`clearStack`中发现调用的是flutter原生的`Navigator.pushAndRemoveUntil(context, route, (check) => false);`，原来这个cleanStack是个x参（用的时候直接clearStack：true/false），就括号里的意思

这时候我稍微改了下项目里的代码（注释掉的为之前的代码）：

void _jumpKaozhiMain() { 
        Application.router.navigateTo(context, '${Routes.home}',clearStack: true,transition: TransitionType.fadeIn);
    // Application.router.navigateTo(context, "${Routes.home}",
    // transition: TransitionType.fadeIn);
      }

然后效果就是下面这样的

![在这里插入图片描述][20190801185212994.gif]

--------------------

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZGFpbG9uZ19ibG9n_size_16_color_FFFFFF_t_70]: /images/20210529/eeb622a3f5d44b3b869bfdcbfafe7971.png
[20190801184311292.gif]: /images/20210529/466a4550941949ffa687678167aebb29.png
[20190801185212994.gif]: /images/20210529/e4a3d8384fec4afd9d562f2814951210.png