Flutter 跳转多个页面后回到第一个页面并实现参数传递(1)

}

第三步：回退到第一个路由

Navigator.popUntil(context, ModalRoute.withName(‘/’));

完成以上三个步骤后，接下来，我们需要实现接受栈顶路由传递的值。

思路：

1、我们将参数从路由Route4传递到Route3再到Route2再到Route1，虽然可以实现有点麻烦。

2、我们可以建立本次存储，然后关闭Route4的时候保存数据，在Route1显示时获取数据，麻烦。

3、Route1定义一个全局变量，然后单例获取Route1实例并修改Route1全局参数的值，麻烦。

4、我们今天要说的就是事件传递EventBus。

其实在原生开发中最初是广播(BrocasetReceiver)到后来的EventBus，其实不管是框架还是以某种语言发明的技能都会互相借鉴原理。

//订阅者回调签名

typedef void EventCallback(arg);

class EventBus {

//私有构造函数

EventBus._internal();

//保存单例

static EventBus _singleton = new EventBus._internal();

//工厂构造函数

factory EventBus()=> _singleton;

//保存事件订阅者队列，key:事件名(id)，value: 对应事件的订阅者队列

var _emap = new Map<Object, List>();

//添加订阅者

void on(eventName, EventCallback f) {

if (eventName == null || f == null) return;

_emap[eventName] ??= new List();

_emap[eventName].add(f);

}

//移除订阅者

void off(eventName, [EventCallback f]) {

var list = _emap[eventName];

if (eventName == null || list == null) return;

if (f == null) {

_emap[eventName] = null;

} else {

list.remove(f);

}

}

//触发事件，事件触发后该事件所有订阅者会被调用

void emit(eventName, [arg]) {

var list = _emap[eventName];

if (list == null) return;

int len = list.length - 1;

//反向遍历，防止订阅者在回调中移除自身带来的下标错位

for (var i = len; i > -1; --i) {

listi;

}

}

}

//定义一个top-level（全局）变量，页面引入该文件后可以直接使用bus

var bus = new EventBus();

使用事件分发

//Page 1、2、3、4中

…

bus.on(“约定享受事件的标记”, (arg) {

// do something

});

向订阅界面发送参数

…

//

bus.emit(“约定享受事件的标记”, “传递的参数”);

参考：
事件总线：https://book.flutterchina.club/chapter8/eventbus.html?h=EventBus
路由：https://book.flutterchina.club/chapter2/flutter_router.html?h=%E8%B7%AF%E7%94%B1

总结

现在新技术层出不穷，如果每次出新的技术，我们都深入的研究的话，很容易分散精力。新的技术可能很久之后我们才会在工作中用得上，当学的新技术无法学以致用，很容易被我们遗忘，到最后真的需要使用的时候，又要从头来过（虽然上手会更快）。

我觉得身为技术人，针对新技术应该是持拥抱态度的，入了这一行你就应该知道这是一个活到老学到老的行业，所以面对新技术，不要抵触，拥抱变化就好了。

Flutter 明显是一种全新的技术，而对于这个新技术在发布之初，花一个月的时间学习它，成本确实过高。但是周末花一天时间体验一下它的开发流程，了解一下它的优缺点、能干什么或者不能干什么。这个时间，并不是我们不能接受的。

如果有时间，其实通读一遍 Flutter 的文档，是最全面的一次对 Flutter 的了解过程。但是如果我们只有 8 小时的时间，我希望能关注一些最值得关注的点。

（跨平台开发(Flutter)、java基础与原理，自定义view、NDK、架构设计、性能优化、完整商业项目开发等）

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
开发(Flutter)、java基础与原理，自定义view、NDK、架构设计、性能优化、完整商业项目开发等）

[外链图片转存中…(img-6rzIaJmu-1714704210463)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！