Flutter学习(六)EventBus的使用

背景

项目开发过程中,有些场景,需要跨页面进行数据传递。按照安卓开发的思路,在flutter实现一个事件总线EventBus,进行数据传递

原理

通过dart的签名函数,进行监听集合设置,然后post分发的时候,进行集合遍历,回调,实现事件传递。

实现过程

总体思路,就是通过一个订阅,取消订阅,遍历订阅对象,进行数据传递。

下面直接上代码:

复制代码
//发布者接口
import 'package:ftplayer/common/utils/LogUtils.dart';

abstract class IPublisher {
  void post<T>(T event);
}

//订阅者:函数对象
typedef ISubscriber<T> = void Function(T event);

//集中式通信,
//1.IEventBus继承IPublisher,分发数据
//2.IEventBus注册和取消注册ISubscriber
abstract class IEventBus extends IPublisher {
  void register<T>(ISubscriber<T> subscriber);

  void unregister<T>(ISubscriber<T> subscriber);
}

Type typeOf<T>() => T;

class XEventBus implements IEventBus {
  //我们用map存放我们的订阅者。不同订阅者订阅的Event类型可能是不同的
  Map<Type, List<Function>> map = {};

  @override
  void register<T>(ISubscriber<T> subscriber) {
    Type type = typeOf<T>();
    if (!map.containsKey(type)) {
      map[type] = [];
    }
    map[type]?.add(subscriber);
  }

  @override
  void unregister<T>(ISubscriber<T> subscriber) {
    Type type = typeOf<T>();
    if (map.containsKey(type)) {
      map[type]?.remove(subscriber);
    }
  }

  //发布
  @override
  void post<T>(T event) {
    Type type = typeOf<T>();
    if (map.containsKey(type)) {
      var subscribers = map[type];
      subscribers?.forEach((subscriber) => subscriber.call(event));
    }
  }
}

//外部调用方法
class EventBusProvider {
  static final EventBusProvider _instance = EventBusProvider._internal();
  XEventBus _singleEventBus = XEventBus();

  factory EventBusProvider() {
    return _instance;
  }

  EventBusProvider._internal();

  XEventBus singleEventBus() {
    return _singleEventBus;
  }

  XEventBus newEventBus() {
    return XEventBus();
  }
}

调用

复制代码
late ISubscriber<LoginStatusEvent> loginSub;

 loginSub = (event) {
     loginStatus(event);
 };

 _eventBus.register(loginSub);


 _eventBus.unregister(loginSub);


getEventBus().post(LoginStatusEvent(fromPageType: 0));

上述代码中,getEventBus()就是获取的EventBus对象,这里可以是单例,或者是new多个对象。主要看项目的情况决定。

that's all----------------------------------------------------------------

相关推荐
暴富奥利奥39 分钟前
完成docker方式的ros环境配置
linux·学习·docker·容器
总有刁民想爱朕ha1 小时前
AI大模型学习(17)python-flask AI大模型和图片处理工具的从一张图到多平台适配的简单方法
人工智能·python·学习·电商图片处理
Larry_Yanan2 小时前
QML学习笔记(三十一)QML的Flow定位器
java·前端·javascript·笔记·qt·学习·ui
与己斗其乐无穷2 小时前
C++学习记录(17)红黑树简单实现map和set
学习
杰瑞学AI2 小时前
我的全栈学习之旅:FastAPI (持续更新!!!)
后端·python·websocket·学习·http·restful·fastapi
The_Killer.2 小时前
近世代数(抽象代数)详细笔记--环(也有域的相关内容)
笔记·学习·抽象代数·
Larry_Yanan3 小时前
QML学习笔记(三十)QML的布局器(Layouts)
c++·笔记·qt·学习·ui
三翼鸟数字化技术团队3 小时前
Flutter中的动效实现方式
flutter·动效
RaidenLiu4 小时前
告别繁琐:用 Signals 优雅处理 Flutter 异步状态
前端·flutter·前端框架
_李小白5 小时前
【OPENGL ES 3.0 学习笔记】第一天:认识渲染管道
笔记·学习