[Flutter GetX使用] Getx路由和状态管理-GetController使用过程中的踩坑记录

文章目录

• 问题 - Get.find() 报错!
• 原因总结
• A:路由和控制器设计
• • a1:项目中的Get路由
  • • aa1.项目路由结构
    • aa2.本项目路由的注意点:
    • B: GetController的冷知识
    • C: 总结
    • D: 一些参考资料

      问题 - Get.find() 报错!

      刚接触Getx, 遇到 Get.find()确找不到, 进而报错的问题, 一时间有点没有头绪…

      "HomeController" not found. You need to call "Get.put(HomeController())" or "Get.lazyPut(()=>HomeController())"

      "HomeController" not found. You need to call "Get.put(HomeController())" or "Get.lazyPut(()=>HomeController())"

      原因总结

      不废话, 先总结下 not found 的原因(如果不全,那就后面补全)

      • 1.在Get.find()之前, 确实没有进行 Get.put注入或者 lazyPut

      • 2.通过路由/Binding等进行GetController注入时, 忘记在路由中挂载对应Binding

      • 3.在上面两条的基础上,还是无法Get.find(), 就要考虑是否由于 调用Get.offName()/Get.offAllNamed()导致的,

        上一个路由会被这两个函数移除,就导致对应注入的GetController全都被卸载了!!

        OK 正文完结 哈哈

        后面是我个人的项目踩坑记录, 可看可不看~~

        ---

        A:路由和控制器设计

        1. 关于控制器: 一次注入(懒注入), 可以处处 Get.find() / Get.find()

        (任何页面/widget中,想用到GetController, 就直接Get.find()多舒服,

        如果是用到了,再去临时注入(Get.put(),情感上接受不了…)

        1. 关于路由: 单路由栈设计 or 多路由栈设计

        单路由栈: 那很好理解,全部页面在一个路由栈里

        多路由栈:

        这里的路由栈,更倾向于按业务场景进行划分

        以本项目为例: Main路由为栈底的业务层路由栈 + 以Login为栈底的功能层路由栈 组成两个逻辑路由栈

        a1:项目中的Get路由

        aa1.项目路由结构

        本项目结构不复杂.大概如图

        aa2.本项目路由的注意点:

        1. Main作为初始路由,初始化时即被加载进路由栈

        加载进路由,就会触发

        和

        此时, 作为Main的对应状态管理控制器 MainController就已经被 lazyPut. 可以在当前路由栈里随意 Get.find()

        1. Main页面通过PageView.builder加载了 Home/Prictise/Vidoe/My等四个Widget,这意味着 这四个频道页面, 并不是通过路由跳转(Get.toNamed)的方式展示的, 仅仅是作为子视图而已

        通过上面的路由加载过程, 可以看到如果 Home/Prictise/Vidoe/My等四个频道页,如果没有进过路由方式进入, 那他们对应的Binding/GetController,就不会被进行binding和 layzPut

        此时,你去进行 Get.find() or Get.find() 一定是 not found的.

        这就是属于上头正文里面说的第一中情况

        1. 注意路由列表中的路由, 不是一次性全都加载的, 而是通过Get.toNamed()等函数触发路由切换后加载

        那么, Home/Prictise/Vidoe/My四个频道页面既然不会通过路由方式进行Binding和 GetController的lazyPut注入, 势必我们就需要一个入口来进行Binding

        入口:

        添加所需要的各种 Binding即可

        1. Get.offNamed()等路由函数 , 会导致上一个路由被移除

        场景:

        Main 路由跳转 Login路由, 使用了Get.offNamed(),进行路由跳转,会卸载上一个路由(即Main ),也会导致上一个路由注入的GetController被卸载!!!)

        这就是属于上头正文里面说的第三种情况

        猜测: 如 A->(toNamed)->B->(offNamed)->C, 应该会卸载B路由及B路由注入的各种控制器!!!

        对于第四点问题的处理, 个人总结如下:

        方式一: 全项目唯一路由栈模式

        思路: 路由栈不移除任何路由,从而不会导致任何注入被卸载!!

        好处: 路由栈唯一,放心的在各路页面/Widget/方法中,随意的Get.find()

        符合

        缺点:业务场景需要类似iOS的模态切换时,虽然可以通过路由动画模拟效果, 但是切换的页面可以手势侧滑返回, 还需要对页面进行禁止侧滑处理, 不太理想

        跳转:

        禁止使用 Get.offNamed("/xxxPage"); or Get.offAllNamed("/xxxPage");

        改为必须使用 Get.toNamed('/xxxPage')

        (那Main->Login这种类似栈切换的跳转怎么体现? -> 在路由列表里面配置从底部弹起的动画效果即可!!!)

        返回:

        如果是简单返回, 使用Get.back()

        如果是多级返回, 使用 Get.until();

        (如: 从Login - > Main: Get.until((route) => Get.currentRoute == Routes.MAIN))

        (如果直接在 Login 使用Get.back(), 会在导航头被添加一个返回按钮,效果不好,pass!!)

        方式二:全项目多条路由栈模式

        本项目就是 Main作为栈底的路由栈, Login作为栈底的另一个路由栈(控制在两个路由栈)

        两个路由栈各自进行Binding初始化,注入各自所需GetController

        思路: 按实际情况规划路由栈, 保证单个路由栈内的路由不被移除!

        好处: 自己规划的路由栈更清晰, 颗粒度更细 ,且真实的栈切换, 栈切换不存在方式一的侧滑问题

        缺点: 想要借助初始Binding和路由页面Binding时注入的GetController,进行无脑的Get.find()是不可行的, 路由栈的栈底路由必须各自加载所需的Binding,

        …举个例子…

        如 UserController, 在两个栈都用到, 那两个栈都必须在栈底的Binding里进行 Get.lazyPut(() => UserController());

        也算符合,只不过需要一开始就处理好对应的控制器注入

        需要注意的是, 在方式二中, Home/Prictise/Vidoe/My等四个频道页的对应的GetController控制器,不应该放在

        应该放在Main路由(业务路由栈的栈底路由)的对应Binding里面, 便于栈切换的时候重新自动随路由 lazyPut

        (其实对于 方式二, 初始化配置的 initialBinding的可以忽略, 毕竟每个路由栈都各自维护自己的Binding以及GetController)

        跳转:

        栈内跳转使用 Get.toNamed('/xxxPage')

        栈与栈的跳转(切换) 使用 Get.offNamed("/xxxPage"); or Get.offAllNamed("/xxxPage");

        返回:

        如果是栈内简单返回, 使用Get.back()

        如果是栈内多级返回, 使用 Get.until((route) => Get.currentRoute == Routes.MAIN);

        如果是栈与栈的返回(实际上这就算栈切换了) 使用 Get.offNamed("/xxxPage"); or Get.offAllNamed("/xxxPage");

        (路由的动画自定义配置即可)

        B: GetController的冷知识

        1.Get.put(XxxController());只需注入一次即可

        2.GetController的生命周期(onInit)等回调

        如果是 Get.put(XxxxController()). 那么 onInit等生命周期回调立即执行,

        如果是 Get.lazyPut(() => XxxxController()); , 那么 onInit

        等生命周期回调会在最先触发的 Get.find()后执行

        C: 总结

        Get的路由栈方式划分,决定了控制器注入的方式不同

        选择方式一:

        是通过 初始Binding(initialBinding)+各路由页面Binding的控制器共同实现 Get.find()任意调用

        • 选择方式二:

          因为有多条路由栈, 所以各自路由栈下的控制器,可以在本栈内进行Get.find()任意调用

          本项目中:

          Main路由( Home/Prictise/Vidoe/My四个GetController在MainBinding中lazyPut)为栈底的业务路由栈 =>实现该路由栈内的 Get.find()任意调用

          Login路由为栈底的功能路由栈(所需的GetController在LoginBinding中lazyPut) => 实现该路由栈内的 Get.find()任意调用

          D: 一些参考资料

          Flutter Getx实战

          GetX使用笔记+心得

          Flutter学习（七）GetX offAllNamed使用的问题

          //路由跳转对应含义Get.to(Home());//通过定义的widget名称来跳转到指定页面Get.off(Home());//跳转到下个页面，没有返回按钮Get.offAll(Home());//跳转到下个页面，移除所有的路由Get.toNamed("/home");//通过路由名称来跳转到指定页面Get.offNamed("/home");//跳转到下个页面，没有返回按钮Get.offAllNamed("/home"),//跳转到下个页面，移除所有的路由//反复返回，直到表达式返回真。Get.until() // 项目里写法: Get.until((route) => Get.currentRoute == Routes.MAIN);// 转到下一条路由，并删除所有之前的路由，直到表达式返回true。Get.offUntil()// 转到下一个命名的路由，并删除所有之前的路由，直到表达式返回true。Get.offNamedUntil()