快捷導(dǎo)航

Flutter?EventBus事件總線的應(yīng)用詳解

更新時(shí)間：2022年08月31日 10:18:34 作者：Zheng

這篇文章主要為大家介紹了Flutter?EventBus事件總線的應(yīng)用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

前言

flutter項(xiàng)目中，有許多可以實(shí)現(xiàn)跨組件通訊的方案，其中包括InheritedWidget，Notification，EventBus等。本文主要探討的是EventBus事件總線實(shí)現(xiàn)跨組件通訊的方法。

EventBus的簡介

EventBus的核心是基于Streams。它允許偵聽器訂閱事件并允許發(fā)布者觸發(fā)事件，使得不同組件的數(shù)據(jù)不需要一層層傳遞，可以直接通過EventBus實(shí)現(xiàn)跨組件通訊。

EventBus最主要是通過觸發(fā)事件和監(jiān)聽事件兩項(xiàng)操作來實(shí)現(xiàn)不同頁面的跨層訪問。觸發(fā)事件是通過fire(event)方法進(jìn)行，監(jiān)聽事件則是通過on<T>()方法進(jìn)行的，其中泛型可以傳入指定類型，事件總線將進(jìn)行針對(duì)性監(jiān)聽，如果泛型傳值為空，則默認(rèn)監(jiān)聽所有類型的事件：

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的實(shí)際應(yīng)用

1、在pubspec.yaml文件中引用eventBus事件總線依賴；

2、創(chuàng)建一個(gè)全局的EventBus實(shí)例；

3、使用fire(event)方法在事件總線上觸發(fā)一個(gè)新事件（觸發(fā)事件）；

4、為事件總線注冊(cè)一個(gè)監(jiān)聽器（監(jiān)聽事件）；

5、取消EventBus事件訂閱，防止內(nèi)存泄漏。

// 1、在pubspec.yaml文件中引用eventBus事件總線依賴；
dependencies:
    event_bus: ^2.0.0

// 2、創(chuàng)建一個(gè)全局的EventBus實(shí)例；
EventBus myEventBus = EventBus();

// 3、使用fire(event)方法在事件總線上觸發(fā)一個(gè)新事件（觸發(fā)事件）；
Center(
  child: ElevatedButton(
    onPressed: () {
      myEventBus.fire('通過EventBus觸發(fā)事件');
    },
    child: Text('觸發(fā)事件'),
  ),
)

var getData;
@override
void initState() {
  // TODO: implement initState
  super.initState();
  // 4、為事件總線注冊(cè)一個(gè)監(jiān)聽器（監(jiān)聽事件）；
  getData = myEventBus.on().listen((event) {
    print(event);
  });
}
@override
void dispose() {
  // TODO: implement dispose
  super.dispose();
  // 5、取消EventBus事件訂閱，防止內(nèi)存泄漏。
  getData.cancel();
}