Flutter EventBus事件总线的应用

3,894 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第5天,点击查看活动详情

前言

flutter项目中,有许多可以实现跨组件通讯的方案,其中包括InheritedWidget,Notification,EventBus等。本文主要探讨的是EventBus事件总线实现跨组件通讯的方法。

EventBus的简介

EventBus的核心是基于Streams。它允许侦听器订阅事件并允许发布者触发事件,使得不同组件的数据不需要一层层传递,可以直接通过EventBus实现跨组件通讯。

EventBus最主要是通过触发事件监听事件两项操作来实现不同页面的跨层访问。触发事件是通过fire(event)方法进行,监听事件则是通过on<T>()方法进行的,其中泛型可以传入指定类型,事件总线将进行针对性监听,如果泛型传值为空,则默认监听所有类型的事件:

void fire(event) {
  streamController.add(event);
}
Stream<T> on<T>() {
  if (T == dynamic) {
    return streamController.stream as Stream<T>;
  } else {
    return streamController.stream.where((event) => event is T).cast<T>();
  }
}

EventBus的实际应用

1、在pubspec.yaml文件中引用eventBus事件总线依赖;

2、创建一个全局的EventBus实例;

3、使用fire(event)方法在事件总线上触发一个新事件(触发事件);

4、为事件总线注册一个监听器(监听事件);

5、取消EventBus事件订阅,防止内存泄漏。

// 1、在pubspec.yaml文件中引用eventBus事件总线依赖;
dependencies:
    event_bus: ^2.0.0
// 2、创建一个全局的EventBus实例;
EventBus myEventBus = EventBus();
// 3、使用fire(event)方法在事件总线上触发一个新事件(触发事件);
Center(
  child: ElevatedButton(
    onPressed: () {
      myEventBus.fire('通过EventBus触发事件');
    },
    child: Text('触发事件'),
  ),
)
var getData;

@override
void initState() {
  // TODO: implement initState
  super.initState();
  // 4、为事件总线注册一个监听器(监听事件);
  getData = myEventBus.on().listen((event) {
    print(event);
  });
}

@override
void dispose() {
  // TODO: implement dispose
  super.dispose();
  // 5、取消EventBus事件订阅,防止内存泄漏。
  getData.cancel();
}

总结

EventBus遵循的是发布/订阅模式,能够通过事件的触发和监听操作,有效实现跨组件通讯的功能。