Flutter EventBus事件总线的应用详解
作者:Zheng
这篇文章主要为大家介绍了Flutter EventBus事件总线的应用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
前言
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
遵循的是发布/订阅模式,能够通过事件的触发和监听操作,有效实现跨组件通讯的功能。
以上就是Flutter EventBus事件总线的应用详解的详细内容,更多关于Flutter EventBus事件总线的资料请关注脚本之家其它相关文章!