flutter软件开发笔记14-事件总线
wptr33 2025-04-26 21:39 7 浏览
Flutter 中的 事件总线(Event Bus) 就像一个 广播电台,专门负责帮不同组件之间传递消息。举个通俗的例子:
想象你在一个商场里:
- 顾客(组件A)想买鞋,但不知道库存情况
- 仓库(组件B)有到货通知要发布
- 商场广播系统(事件总线)负责传递消息: 仓库通过广播喊:"新款球鞋到货啦!" 顾客不用跑去仓库问,直接听到广播就能行动
一 事件总线
二 程序界面
二 代码实现
2.1 添加依赖库
在pubspec.yaml文件中添加:
dependencies:
event_bus: ^2.0.0
2.2 代码实现
import 'package:flutter/material.dart';
import 'package:event_bus/event_bus.dart';
// 创建全局事件总线(相当于商场的广播系统)
EventBus eventBus = EventBus();
// 定义事件类型(相当于广播内容模板)
class ShoeArrivalEvent {
final String shoeName;
ShoeArrivalEvent(this.shoeName);
}
void main() => runApp(MallApp());
class MallApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('商场通知系统')),
body: Column(
children: [
WarehouseSection(), // 仓库区域
CustomerSection(), // 顾客区域
],
),
),
);
}
}
// 仓库组件(发送事件)
class WarehouseSection extends StatelessWidget {
void _sendArrivalNotice() {
// 发送新款到货事件(相当于仓库喊广播)
eventBus.fire(ShoeArrivalEvent('AJ38 限量版'));
}
@override
Widget build(BuildContext context) {
return ElevatedButton(
onPressed: _sendArrivalNotice,
child: Text('仓库:发送到货通知'),
);
}
}
// 顾客组件(接收事件)
class CustomerSection extends StatefulWidget {
@override
_CustomerSectionState createState() => _CustomerSectionState();
}
class _CustomerSectionState extends State<CustomerSection> {
String _latestNotice = '暂无通知';
// 订阅事件(顾客打开广播接收器)
void _listenEvent() {
eventBus.on<ShoeArrivalEvent>().listen((event) {
setState(() {
_latestNotice = '最新到货:${event.shoeName}!';
});
});
}
@override
void initState() {
super.initState();
_listenEvent(); // 初始化时开始监听
}
@override
void dispose() {
// 关闭时取消订阅(顾客离开商场时关闭收音机)
eventBus.destroy();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.all(20),
child: Text(_latestNotice,
style: TextStyle(fontSize: 18, color: Colors.blue)),
);
}
}
运行效果:
1. 点击"仓库:发送到货通知"按钮
2. 顾客区域会立即显示:最新到货:AJ38 限量版!
三 事件总结
最佳实践建议
- 事件分类管理:为不同模块创建独立的事件类
- 及时取消订阅:在dispose()中关闭事件监听
- 避免滥用:简单的状态变化仍推荐使用setState
- 结合使用:与状态管理库(如Provider)配合处理复杂场景
通过这个"商场广播系统"的比喻,你应该能直观理解事件总线的工作机制了。实际开发中,它特别适合处理那些 不需要知道是谁发送/接收 的全局通知场景!
相关推荐
- 每天一个编程技巧!掌握这7个神技,代码效率飙升200%
-
“同事6点下班,你却为改BUG加班到凌晨?不是你不努力,而是没掌握‘偷懒’的艺术!本文揭秘谷歌工程师私藏的7个编程神技,每天1分钟,让你的代码从‘能用’变‘逆天’。文末附《Python高效代码模板》,...
- Git重置到某个历史节点(Sourcetree工具)
-
前言Sourcetree回滚提交和重置当前分支到此次提交的区别?回滚提交是指将改动的代码提交到本地仓库,但未推送到远端仓库的时候。...
- git工作区、暂存区、本地仓库、远程仓库的区别和联系
-
很多程序员天天写代码,提交代码,拉取代码,对git操作非常熟练,但是对git的原理并不甚了解,借助豆包AI,写个文章总结一下。Git的四个核心区域(工作区、暂存区、本地仓库、远程仓库)是版本控制的核...
- 解锁人生新剧本的密钥:学会让往事退场
-
开篇:敦煌莫高窟的千年启示在莫高窟321窟的《降魔变》壁画前,讲解员指着斑驳色彩说:"画师刻意保留了历代修补痕迹,因为真正的传承不是定格,而是流动。"就像我们的人生剧本,精彩章节永远...
- Reset local repository branch to be just like remote repository HEAD
-
技术背景在使用Git进行版本控制时,有时会遇到本地分支与远程分支不一致的情况。可能是因为误操作、多人协作时远程分支被更新等原因。这时就需要将本地分支重置为与远程分支的...
- Git恢复至之前版本(git恢复到pull之前的版本)
-
让程序回到提交前的样子:两种解决方法:回退(reset)、反做(revert)方法一:gitreset...
- 如何将文件重置或回退到特定版本(怎么让文件回到初始状态)
-
技术背景在使用Git进行版本控制时,经常会遇到需要将文件回退到特定版本的情况。可能是因为当前版本出现了错误,或者想要恢复到之前某个稳定的版本。Git提供了多种方式来实现这一需求。...
- git如何正确回滚代码(git命令回滚代码)
-
方法一,删除远程分支再提交①首先两步保证当前工作区是干净的,并且和远程分支代码一致$gitcocurrentBranch$gitpullorigincurrentBranch$gi...
- [git]撤销的相关命令:reset、revert、checkout
-
基本概念如果不清晰上面的四个概念,请查看廖老师的git教程这里我多说几句:最开始我使用git的时候,我并不明白我为什么写完代码要用git的一些列指令把我的修改存起来。后来用多了,也就明白了为什么。gi...
- 利用shell脚本将Mysql错误日志保存到数据库中
-
说明:利用shell脚本将MYSQL的错误日志提取并保存到数据库中步骤:1)创建数据库,创建表CreatedatabaseMysqlCenter;UseMysqlCenter;CREATET...
- MySQL 9.3 引入增强的JavaScript支持
-
MySQL,这一广泛采用的开源关系型数据库管理系统(RDBMS),发布了其9.x系列的第三个更新版本——9.3版,带来了多项新功能。...
- python 连接 mysql 数据库(python连接MySQL数据库案例)
-
用PyMySQL包来连接Python和MySQL。在使用前需要先通过pip来安装PyMySQL包:在windows系统中打开cmd,输入pipinstallPyMySQL ...
- mysql导入导出命令(mysql 导入命令)
-
mysql导入导出命令mysqldump命令的输入是在bin目录下.1.导出整个数据库 mysqldump-u用户名-p数据库名>导出的文件名 mysqldump-uw...
- MySQL-SQL介绍(mysql sqlyog)
-
介绍结构化查询语言是高级的非过程化编程语言,允许用户在高层数据结构上工作。它不要求用户指定对数据的存放方法,也不需要用户了解具体的数据存放方式,所以具有完全不同底层结构的不同数据库系统,可以使用相同...
- MySQL 误删除数据恢复全攻略:基于 Binlog 的实战指南
-
在MySQL的世界里,二进制日志(Binlog)就是我们的"时光机"。它默默记录着数据库的每一个重要变更,就像一位忠实的史官,为我们在数据灾难中提供最后的救命稻草。本文将带您深入掌握如...
- 一周热门
-
-
C# 13 和 .NET 9 全知道 :13 使用 ASP.NET Core 构建网站 (1)
-
因果推断Matching方式实现代码 因果推断模型
-
git pull命令使用实例 git pull--rebase
-
面试官:git pull是哪两个指令的组合?
-
git 执行pull错误如何撤销 git pull fail
-
git pull 和git fetch 命令分别有什么作用?二者有什么区别?
-
git fetch 和git pull 的异同 git中fetch和pull的区别
-
git pull 之后本地代码被覆盖 解决方案
-
还可以这样玩?Git基本原理及各种骚操作,涨知识了
-
git命令之pull git.pull
-
- 最近发表
-
- 每天一个编程技巧!掌握这7个神技,代码效率飙升200%
- Git重置到某个历史节点(Sourcetree工具)
- git工作区、暂存区、本地仓库、远程仓库的区别和联系
- 解锁人生新剧本的密钥:学会让往事退场
- Reset local repository branch to be just like remote repository HEAD
- Git恢复至之前版本(git恢复到pull之前的版本)
- 如何将文件重置或回退到特定版本(怎么让文件回到初始状态)
- git如何正确回滚代码(git命令回滚代码)
- [git]撤销的相关命令:reset、revert、checkout
- 利用shell脚本将Mysql错误日志保存到数据库中
- 标签列表
-
- git pull (33)
- git fetch (35)
- mysql insert (35)
- mysql distinct (37)
- concat_ws (36)
- java continue (36)
- jenkins官网 (37)
- mysql 子查询 (37)
- python元组 (33)
- mybatis 分页 (35)
- vba split (37)
- redis watch (34)
- python list sort (37)
- nvarchar2 (34)
- mysql not null (36)
- hmset (35)
- python telnet (35)
- python readlines() 方法 (36)
- munmap (35)
- docker network create (35)
- redis 集合 (37)
- python sftp (37)
- setpriority (34)
- c语言 switch (34)
- git commit (34)