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

问题 - 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<XxxController>()

(任何页面/widget中,想用到GetController, 就直接Get.find()多舒服,
如果是用到了,再去临时注入(Get.put(),情感上接受不了…)

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

单路由栈: 那很好理解,全部页面在一个路由栈里
多路由栈:
这里的路由栈,更倾向于按业务场景进行划分
以本项目为例: Main路由为栈底的业务层路由栈 + 以Login为栈底的功能层路由栈 组成两个逻辑路由栈

a1:项目中的Get路由

aa1.项目路由结构

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

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

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

加载进路由,就会触发
和

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

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

通过上面的路由加载过程, 可以看到如果 Home/Prictise/Vidoe/My等四个频道页,如果没有进过路由方式进入, 那他们对应的Binding/GetController,就不会被进行binding和 layzPut
此时,你去进行 Get.find() or Get.find<HomeController>() 一定是 not found的.
这就是属于上头正文里面说的第一中情况

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

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

添加所需要的各种 Binding即可

4. 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>(() => 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>(() => XxxxController()); , 那么 onInit
等生命周期回调会在最先触发的 Get.find<XxxxController>()后执行

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()