Flutter?EventBus事件總線的應用詳解
前言
flutter項目中,有許多可以實現跨組件通訊的方案,其中包括InheritedWidget,Notification,EventBus等。本文主要探討的是EventBus事件總線實現跨組件通訊的方法。
EventBus的簡介
EventBus的核心是基于Streams。它允許偵聽器訂閱事件并允許發(fā)布者觸發(fā)事件,使得不同組件的數據不需要一層層傳遞,可以直接通過EventBus實現跨組件通訊。
EventBus最主要是通過觸發(fā)事件和監(jiān)聽事件兩項操作來實現不同頁面的跨層訪問。觸發(fā)事件是通過fire(event)方法進行,監(jiān)聽事件則是通過on<T>()方法進行的,其中泛型可以傳入指定類型,事件總線將進行針對性監(jiā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的實際應用
1、在pubspec.yaml文件中引用eventBus事件總線依賴;
2、創(chuàng)建一個全局的EventBus實例;
3、使用fire(event)方法在事件總線上觸發(fā)一個新事件(觸發(fā)事件);
4、為事件總線注冊一個監(jiān)聽器(監(jiān)聽事件);
5、取消EventBus事件訂閱,防止內存泄漏。
// 1、在pubspec.yaml文件中引用eventBus事件總線依賴;
dependencies:
event_bus: ^2.0.0
// 2、創(chuàng)建一個全局的EventBus實例; EventBus myEventBus = EventBus();
// 3、使用fire(event)方法在事件總線上觸發(fā)一個新事件(觸發(fā)事件);
Center(
child: ElevatedButton(
onPressed: () {
myEventBus.fire('通過EventBus觸發(fā)事件');
},
child: Text('觸發(fā)事件'),
),
)
var getData;
@override
void initState() {
// TODO: implement initState
super.initState();
// 4、為事件總線注冊一個監(jiān)聽器(監(jiān)聽事件);
getData = myEventBus.on().listen((event) {
print(event);
});
}
@override
void dispose() {
// TODO: implement dispose
super.dispose();
// 5、取消EventBus事件訂閱,防止內存泄漏。
getData.cancel();
}
總結
EventBus遵循的是發(fā)布/訂閱模式,能夠通過事件的觸發(fā)和監(jiān)聽操作,有效實現跨組件通訊的功能。
以上就是Flutter EventBus事件總線的應用詳解的詳細內容,更多關于Flutter EventBus事件總線的資料請關注腳本之家其它相關文章!
相關文章
Android實現帶有邊框的ListView和item的方法
這篇文章主要介紹了Android實現帶有邊框的ListView和item的方法,結合實例形式分析了ListView和item四周添加邊框的實現步驟與相關技巧,需要的朋友可以參考下2016-07-07
Android總結之WebView與Javascript交互(互相調用)
本篇文章主要介紹了WebView與Javascript進行數據交互,詳解的講訴了WebView與Javascript進行數據交互的方法,有興趣的可以了解一下。2016-11-11
Android中使用RecyclerView實現下拉刷新和上拉加載
RecyclerView 是Android L版本中新添加的一個用來取代ListView的SDK,它的靈活性與可替代性比listview更好。這篇文章主要介紹了Android中使用RecyclerView實現下拉刷新和上拉加載的相關資料,需要的朋友可以參考下2016-03-03

