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

‘/Route1’: (BuildContext context) => new RoutePage1(),

‘/Route2’: (BuildContext context) => new RoutePage2(),

‘/Route3’: (BuildContext context) => new RoutePage3(),

‘/Route4’: (BuildContext context) => new RoutePage4(),

},

);

}

第二步：路由导航

navigatorToRoutePage(BuildContext _buildContext, StatefulWidget _baseWidget, _routeName) {

Navigator.push(

_buildContext,

MaterialPageRoute(

settings: RouteSettings(name: _routeName),

builder: (context) => _baseWidget,

),

);

}

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

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(“约定享受事件的标记”, “传递的参数”);