Flutter EventBus事件总线的应用详解

 更新时间:2022年08月31日 10:18:34   作者: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事件总线的资料请关注脚本之家其它相关文章!

相关文章

  • 浅谈Android View绘制三大流程探索及常见问题

    浅谈Android View绘制三大流程探索及常见问题

    下面小编就为大家带来一篇浅谈Android View绘制三大流程探索及常见问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • Android背景图下拉回弹效果实例

    Android背景图下拉回弹效果实例

    大家好,本篇文章主要讲的是Android背景图下拉回弹效果实例,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下
    2022-01-01
  • Android实现带有边框的ListView和item的方法

    Android实现带有边框的ListView和item的方法

    这篇文章主要介绍了Android实现带有边框的ListView和item的方法,结合实例形式分析了ListView和item四周添加边框的实现步骤与相关技巧,需要的朋友可以参考下
    2016-07-07
  • Android实现截屏方式整理(总结)

    Android实现截屏方式整理(总结)

    本篇文章主要介绍了Android 截屏方式整理(总结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • Android总结之WebView与Javascript交互(互相调用)

    Android总结之WebView与Javascript交互(互相调用)

    本篇文章主要介绍了WebView与Javascript进行数据交互,详解的讲诉了WebView与Javascript进行数据交互的方法,有兴趣的可以了解一下。
    2016-11-11
  • android Service基础(启动服务与绑定服务)

    android Service基础(启动服务与绑定服务)

    大家好,本篇文章主要讲的是android Service基础(启动服务与绑定服务),感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下,方便下次浏览
    2021-12-12
  • Android连接指定Wifi的方法实例代码

    Android连接指定Wifi的方法实例代码

    本篇文章主要记录一下Android中打开Wifi、获取Wifi接入点信息及连接指定接入点的方法,通过小编自己写的demo主要用于测试接口的基本功能,具体实例代码大家通过本文一起学习吧
    2017-03-03
  • Android中使用RecyclerView实现下拉刷新和上拉加载

    Android中使用RecyclerView实现下拉刷新和上拉加载

    RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK,它的灵活性与可替代性比listview更好。这篇文章主要介绍了Android中使用RecyclerView实现下拉刷新和上拉加载的相关资料,需要的朋友可以参考下
    2016-03-03
  • 直接应用项目中的Android图片缓存技术

    直接应用项目中的Android图片缓存技术

    这篇文章主要为大家详细介绍了直接应用项目中的Android图片缓存技术,简单、方便、高效,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 如何利用Kotlin实现极简回调

    如何利用Kotlin实现极简回调

    这篇文章主要给大家介绍了关于如何利用Kotlin实现极简回调的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-01-01

最新评论