12.Flutter教程 — 路由管理与Navigator进阶使用(老油条看了都说好！！！)

Posted 2021-08-16 阿 T

前言：

在上一节我们已经讲了Flutter路由管理与Navigator基础使用，有兴趣或者对这一块还不太了解的同学可以去看看。

但是仅仅这样时不够的
在实际项目中这些怎么会够呢？？？现在让我们来看看这些骚操作…

详解图：

本节内容：

1.Navigator.pushReplacement

2.Navigator.PushAndRemove

3.Navigator.maybePop与Navigator.canPop

4.FlutterBoost （简单讲讲）详细解读敬请期待~

1.Navigator.pushReplacement（登录界面跳转）

这个东西可真奇妙，为啥呢，因为它会替换!（通过要跳转的界面把当前界面从栈中替换）

假如我们要实现一个登录跳转界面，那么登录之后，用户按返回键是无法退回到登录界面的，普通的push是做不到这一点的，我们需要使用pushReplacement。

onPressed: () {
   //打开首页，并销毁当前页
   Navigator.of(context).pushReplacementNamed('/FirstPage');
   //也可以使用以下方式
   //Navigator.of(context).pushReplacement(MaterialPageRoute(builder: (context)=>FirstPage()));
}

这下不就亲亲松松完成了一个最最最常用的功能嘛

2.Navigator.PushAndRemove（购物车付款）

这也是个非常奇妙的东西呀

假设我们从首页进入到了购物车，购物车里有个好东西，现在要付款了

付款完之后一般都直接跳回到首页，或者我的界面，没有购物车界面了，这下就要把购物车界面从栈里移除，减小内存.

//跳转到我的界面，并且移除所有的页面直到首页
//          Navigator.of(context).pushNamedAndRemoveUntil(
//              '/MyHomePage', ModalRoute.withName('/FirstPage'));
          Navigator.of(context).pushAndRemoveUntil(
              MaterialPageRoute(builder: (context) => MyHomePage()),
              ModalRoute.withName('/FirstPage'));

太简单了吧，我都怀疑是假的~

3.Navigator.maybePop与Navigator.canPop

Navigator.of(context).canPop()返回一个bool值，表示当前页面是否可以退出.
说实话我没用过，可能是我太菜了，能不能点个赞安慰我一下
看看它的源码：

bool canPop() {
   assert(_history.isNotEmpty);
   return _history.length > 1 || _history[0].willHandlePopInternally;
}

[Route.isFirst], which returns true for routes for which [canPop]判断依据就是看当前路由是否处在栈中“最底部”的位置。

简单来说在首页调用maybePop()是不会退出的，如果在其它页面调用，效果和pop()一样

4.FlutterBoost

FlutterBoost 是阿里系闲鱼技术团队开源的 Flutter 插件，它可以轻松为现有原生应用程序提供 Flutter 混合集成方案。其理念是将 Flutter 像 WebView 那样来使用。FlutterBoost 帮开发者处理 Native 与 Flutter 页面的映射和跳转。

FlutterBoost 的优点

• 官方的集成方案有诸多弊病，日志不能输出到原生端、存在内存泄漏的问题、资源冗余等等
• FlutterBoost 的通道的封装使得 Native 调用 Flutter 、Flutter 调用 Native 的开发更加简便
• FlutterBoost 对于页面生命周期的管理，也梳理的比较整齐
• FlutterBoost 为阿里出品，已在闲鱼生产环境中使用，正稳定为亿级用户提供服务

需要与原生混编的小伙伴可以先了解起来，关于它的教程小T在连夜编码中…

欢迎留言纠正 ~ 不妨给个点赞哈哈

我是阿T一个幽默的程序员 我们下期再见~

添加我为你的好友，领取源码以及Flutter学习资料~

加入我们吧，一起学习，一起进步~