当前位置：首页 > news >正文

Flutter BloC 架构入门指南

news 来源：原创 2025/9/20 13:26:20

BLoC (Business Logic Component) 是 Flutter 中一种流行的状态管理架构，它可以帮助你将业务逻辑与 UI 分离，使代码更清晰、可测试性更强。

核心概念

1. BloC 的核心组件

Events：用户交互或系统事件（如按钮点击、网络请求完成）
States：应用的状态表示（如加载中、数据加载成功、错误）
Bloc：处理事件并发出新状态的业务逻辑组件

2. 数据流

UI → Event → BloC → State → UI

基础实现步骤

1. 添加依赖

在 pubspec.yaml 中添加：

dependencies:flutter_bloc: ^8.1.3bloc: ^8.1.2

运行 flutter pub get

2. 创建基本结构

定义事件 (Events)

// counter_event.dart
abstract class CounterEvent {}class IncrementEvent extends CounterEvent {}class DecrementEvent extends CounterEvent {}

定义状态 (States)

// counter_state.dart
class CounterState {final int count;CounterState(this.count);
}

创建 BloC

// counter_bloc.dart
import 'package:bloc/bloc.dart';class CounterBloc extends Bloc<CounterEvent, CounterState> {CounterBloc() : super(CounterState(0)) {on<IncrementEvent>((event, emit) {emit(CounterState(state.count + 1));});on<DecrementEvent>((event, emit) {emit(CounterState(state.count - 1));});}
}

3. 在 UI 中使用

// main.dart
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';void main() {runApp(MyApp());
}class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(home: BlocProvider(create: (context) => CounterBloc(),child: CounterPage(),),);}
}class CounterPage extends StatelessWidget {@overrideWidget build(BuildContext context) {final counterBloc = BlocProvider.of<CounterBloc>(context);return Scaffold(appBar: AppBar(title: Text('BLoC Counter')),body: Center(child: BlocBuilder<CounterBloc, CounterState>(builder: (context, state) {return Text('Count: ${state.count}',style: TextStyle(fontSize: 24),);},),),floatingActionButton: Column(mainAxisAlignment: MainAxisAlignment.end,children: [FloatingActionButton(onPressed: () => counterBloc.add(IncrementEvent()),child: Icon(Icons.add),),SizedBox(height: 10),FloatingActionButton(onPressed: () => counterBloc.add(DecrementEvent()),child: Icon(Icons.remove),),],),);}
}

进阶用法

1. 处理异步操作

// 在 BloC 中处理异步事件
on<LoadDataEvent>((event, emit) async {emit(LoadingState());try {final data = await repository.fetchData();emit(DataLoadedState(data));} catch (e) {emit(ErrorState(e.toString()));}
});

2. 使用 BlocObserver 调试

void main() {Bloc.observer = SimpleBlocObserver();runApp(MyApp());
}class SimpleBlocObserver extends BlocObserver {@overridevoid onChange(BlocBase bloc, Change change) {super.onChange(bloc, change);print('${bloc.runtimeType} $change');}
}

3. 多个 BloC 的使用

return MultiBlocProvider(providers: [BlocProvider<CounterBloc>(create: (context) => CounterBloc()),BlocProvider<ThemeBloc>(create: (context) => ThemeBloc()),],child: MyApp(),
);

最佳实践

保持 BloC 简单：每个 BloC 应该只关注单一功能
避免在 BloC 中直接使用 BuildContext
使用 freezed 或 equatable 来简化状态和事件的比较
编写单元测试：BLoC 很容易测试，因为它是纯 Dart 代码

项目结构建议

lib/features/feature_name/bloc/feature_bloc.dartfeature_event.dartfeature_state.dartviews/feature_page.dartwidgets/feature_widget.dartrepositories/feature_repository.dartmain.dart

BLoC 架构可以帮助你构建可维护、可测试的 Flutter 应用。开始时可能会觉得有些复杂，但随着使用会越来越顺手。

Flutter BloC 架构入门指南

BLoC (Business Logic Component) 是 Flutter 中一种流行的状态管理架构，它可以帮助你将业务逻辑与 UI 分离，使代码更清晰、可测试性更强。核心概念 1. BloC 的核心组件 Events：用户交互或系统事件（如按钮点击、网络请求完成&…...

编程日记 2025/9/20 13:26:20

OpenHarmony-AI调研文章目录 OpenHarmony-AI调研前言一、当前版本部署组件二、AI架构1.mindspore-lite2.ai_engine3.neural_network_runtime4.intelligent_voice_framework5.HDI驱动三、应用1.命令行以及web运行deepseek-r12.与deepseek通过语音进行交互3.物品识别4.人脸识别…...

编程日记 2025/9/16 1:32:09

zk基础—zk实现分布式功能

1.zk实现数据发布订阅 (1)发布订阅系统一般有推模式和拉模式推模式：服务端主动将更新的数据发送给所有订阅的客户端。拉模式：客户端主动发起请求来获取最新数据(定时轮询拉取)。 (2)zk采用了推拉相结合来实现发布订阅首先客户端需要向服务端注册自己关…...

编程日记 2025/9/16 1:59:43

Tips：用proxy解决前后端分离项目中的跨域问题

在前后端分离项目中，"跨域问题"是浏览器基于同源策略（Same-Origin Policy）对跨域请求的安全限制。当你的前端（如运行在 http://localhost:3000 ）和后端（如运行在 http://localhost:8080 &#…...

编程日记 2025/8/17 21:57:31

JMeterPlugins-Standard-1.4.0 插件详解：安装、功能与使用指南

JMeterPlugins-Standard-1.4.0 是 Apache JMeter（一款流行的开源负载和性能测试工具）的插件包，它扩展了 JMeter 的功能，提供了更多监听器（Listeners）、采样器（Samplers）和辅助组件&a…...

编程日记 2025/9/19 14:29:38

JMeter 中，Token 和 Cookie 的区别及实际应用

在 JMeter 中，Token 和 Cookie 都是用于处理用户会话和身份验证的机制，但它们的工作原理、存储方式和应用场景有显著区别。以下是详细对比和实际应用指南： 1. 核心区别特性Token (如 JWT、OAuth)Cookie存储位置通常存储在 HTTP 请求头（如 Authorization: Bearer <t…...

编程日记 2025/9/16 9:01:35

蓝桥杯真题——好数、R格式

目录蓝桥杯2024年第十五届省赛真题-好数【模拟题】题目描述输入格式输出格式样例输入样例输出提示代码1：有两个案例过不了，超时蓝桥杯2024年第十五届省赛真题-R 格式【vector容器的使用】题目描述输入格式输出格式样例输入…...

编程日记 2025/9/11 13:02:59

JavaScript惰性加载优化实例

这是之前的一位朋友的酒桌之谈，他之前负责的一个电商项目，刚刚开发万，首页加载时间特别长，体验很差，所以就开始排查，发现是在首页一次性加载所有js导致的问题，这个问题在自己学习的时候并不明显…...

编程日记 2025/9/11 3:31:36

0_Pytorch中的张量操作

[引言]张量的概念 1.基本概念张量是一个通用的多维数组，可以表示标量（0 维）、向量（1 维）、矩阵（2 维）以及更高维度的数据。张量是 PyTorch 中的核心数据结构，用于表示和操作数据。…...

编程日记 2025/9/18 20:11:02

Java面试43-常见的限流算法有哪些？

限流算法是一种系统保护策略，主要是避免在流量高峰导致系统被压垮，造成系统不可用的问题。常见的限流算法有五种： 计数器限流，一般用在单一维度的访问频率限制上，比如短信验证码每隔60s只能发送一次，或者…...

编程日记 2025/9/12 7:12:07

牛客网：树的高度 ← 根节点为 0 号节点

【题目来源】 https://www.nowcoder.com/questionTerminal/4faa2d4849fa4627aa6d32a2e50b5b25 【题目描述】现在有一棵合法的二叉树，树的节点都是用数字表示，现在给定这棵树上所有的父子关系，求这棵树的高度。【输入格式】输入的第一行表…...

编程日记 2025/9/19 6:35:04

Linux:进程程序替换execl

目录引言 1.单进程版程序替换 2.程序替换原理 3.6种替换函数介绍 3.1 函数返回值 3.2 命名理解 3.3 环境变量参数引言用fork创建子进程后执行的是和父进程相同的程序(但有可能执行不同的代码分支)，我们所创建的所有的子进程，执行的代码&#x…...

编程日记 2025/9/18 3:05:10

⑩数据中心M-LAG 实战

一、配置指导自己去看今天操作的是M-LAG 基础实验二、配置代码信息回顾 ### 1、配置 M-LAG 系统 MAC 地址<H3C>system-view[H3C]m-lag system-mac ?H-H-H MAC address2a7a-53ee-0100 Bridge MAC address[H3C]m-lag system-mac### 2、配置 M-LAG 系统编号…...

编程日记 2025/9/9 6:04:47

delphi idtcpserver 搭建tcp ，ssl协议服务端

如果想用indy idtcpserver实现tcp ssl，那么正是你需要的首先生成证书： 2、windows生成pem证书 - 站着说话不腰疼 - 博客园有证书后 idtcpserver 用的三个证书， IdServerIOHandlerSSLOpenSSL1.SSLOptions.CertFile = ca.crt IdServerIOHandlerSSLOpenSSL1.SSLOptions.…...

编程日记 2025/9/15 4:47:54

如何实现外观模式？

一、模式理解（用快递驿站比喻） 想象你网购了5件商品，分别来自不同快递公司。外观模式就像小区门口的快递驿站，你不需要知道中通怎么分拣、顺丰怎么运输，只要到驿站报取件码就能拿到所有包裹。在前端开发中&#xf…...

编程日记 2025/9/20 0:57:26

深入解析 Linux 文件系统权限：从基础到高级实践

引言在 Linux 系统中，文件系统权限是保障数据安全和多用户协作的核心机制。想象这样一个场景： 你的服务器上有多个团队共享项目文件财务数据必须严格保密，仅允许指定人员访问开发团队需要共同编辑代码，但禁止随意删除他人文…...

编程日记 2025/9/11 7:49:46

GZ036区块链卷一 EtherStore合约漏洞详解

题目 pragma solidity >0.8.3;contract EtherStore {mapping(address > uint) public balances;function deposit() public payable {balances[msg.sender] msg.value;emit Balance(balances[msg.sender]);}function withdraw() public {uint bal balances[msg.sender…...

编程日记 2025/9/19 22:28:22

医药流通行业批发公司IT运维转型：Prometheus+Grafana监控Spring Boot 3应用实践

一、引言：医药流通行业IT运维挑战与工具换代需求在医药流通行业批发领域，业务的核心在于供应链的高效运转、订单处理的精准及时以及库存管理的动态平衡。随着互联网医疗的兴起和电商平台的渗透，传统医药批发企业正加速向数字化、智能化转型…...

编程日记 2025/9/8 1:31:24

编程助手fitten code使用说明(超详细)(vscode)

这两年 AI 发展迅猛，作为开发人员，我们总是追求更快、更高效的工作方式，AI 的出现可以说改变了很多人的编程方式。 AI 对我们来说就是一个可靠的编程助手，给我们提供了实时的建议和解决方，无论是快速修复错误、提升代…...

编程日记 2025/9/9 11:23:09

金融大模型

FinGPT 数据集：https://github.com/AI4Finance-Foundation/FinGPT/tree/master/fingpt/FinGPT-v3 FinGPT v3 系列是在新闻和微博情绪分析数据集上使用 LoRA 方法进行微调的LLM，在大多数金融情绪分析数据集上取得了最佳分数。 FinGPT v3.1 使用 chatgl…...

编程日记 2025/9/10 7:58:22

【Pandas】pandas DataFrame infer_objects

Pandas2.2 DataFrame Conversion 方法描述DataFrame.astype(dtype[, copy, errors])用于将 DataFrame 中的数据转换为指定的数据类型DataFrame.convert_dtypes([infer_objects, …])用于将 DataFrame 中的数据类型转换为更合适的类型DataFrame.infer_objects([copy])用于尝试…...

编程日记 2025/9/11 22:36:21

011_异常、泛型和集合框架

异常、泛型和集合框架异常Java的异常体系异常的作用自定义异常异常的处理方案异常的两种处理方式泛型泛型类泛型接口泛型方法、通配符和上下限泛型支持的类型集合框架集合体系结构Collection Collection集合Collection的遍历方式认识并发修改异常问题解决并发修改异常问题的…...

编程日记 2025/9/14 5:01:52

QTSql全解析：从连接到查询的数据库集成指南

概览与数据库的有效集成是确保数据管理效率和应用性能的关键，Qt框架就提供了强大的QtSql模块，使得开发者能够轻松地进行数据库操作，包括连接、查询执行以及结果处理等一、引入QtSql模块首先，需要在项目中引入QtSql模块&…...

编程日记 2025/9/19 2:11:23

docker快捷打包脚本（ai版）

直接进入主题： 用这个脚本前提是你本地可以拉镜像仓库的镜像，并且在本地有了，然后将所有的镜像tag写在一个文件中，和下面docker_tags.txt 对应，文件叫什么，脚本里对应改什么，给小白说的 #!/bi…...

编程日记 2025/9/9 7:22:32

分布式防护节点秒级切换：实战配置与自动化运维

摘要：针对DDoS攻击导致节点瘫痪的问题，本文基于群联AI云防护的智能调度系统，详解如何实现节点健康检查、秒级切换与自动化容灾，并提供Ansible部署脚本。一、分布式节点的核心价值资源分散：攻击者难以同时击溃所有节…...

编程日记 2025/9/9 13:38:52

TBE（TVM的扩展）

算子张量一个张量只有一种数据类型在内存中只能线性存储，最终形成一个长的一维数组晟腾AI的数据格式 AIPP是对我们常见的数据格式转化成AI core支持的数据格式广播机制 TVM TBE的第一种开发方式：DSL TBE的第二种开发方式：TVM TBE的第…...

编程日记 2025/9/9 4:12:20

Jenkins配置的JDK，Maven和Git

1. 前置在配置前，我们需要先把JDK，Maven和Git安装到Jenkins的服务器上。 （1）需要进入容器内部，执行命令：docker exec -u root -it 容器号/容器名称（2选1） bash -- 容器名称 dock…...

编程日记 2025/9/15 1:39:42

核心案例 | 湖南汽车工程职业大学无人机操控与编队技术实验室

核心案例 | 湖南汽车工程职业大学无人机操控与编队技术实验室为满足当今无人机行业应用需求，推动无人机技术的教育与实践深度融合，北京卓翼智能科技有限公司旗下品牌飞思实验室与湖南汽车工程职业大学强强联手，共同建设无人机操控与编队技术…...

编程日记 2025/9/19 10:34:35

【阻抗匹配】

自动匹配的实现： 检测反射信号：通过传感器（如定向耦合器）监测反射功率或驻波比（SWR），判断是否失配。控制单元：利用微控制器或专用芯片（如FPGA）分析检测数据&a…...

编程日记 2025/9/15 17:24:10

micro常用快捷键

micro常用快捷键以下是 micro 编辑器的常用快捷键整理，按功能分类清晰，方便快速查阅： 1. 基础操作快捷键功能Ctrl S保存文件Ctrl Q退出编辑器Ctrl O打开文件Ctrl E打开命令栏（输入命令）Ctr…...

编程日记 2025/9/20 10:12:00

DNS域名解析服务

目录 DNS系统 DNS系统的作用 DNS系统的类型（服务器分类） 1. ‌递归解析器（Recursive Resolver）‌ 2. ‌根域名服务器（Root Name Server）‌ 3. ‌顶级域服务器（TLD Name Server）…...

编程日记 2025/9/5 5:56:41

Linux的目录结构

倒根树状结构【注意】 / 表示根目录，相当于Windows的C盘进入跟目录命令： cd / /bin：存放的系统命令或二进制文件，如：cd ls cp等 /sbin /usr/bin /dev：存放的设备节点文件 ， 驱动文件 /…...

编程日记 2025/9/18 22:21:12

【Python】Python 100题分类入门练习题 - 新手友好

Python 100题分类入门练习题 - 新手友好篇 - 整合篇一、数学问题题目1：组合数字题目2：利润计算题目3：完全平方数题目4：日期天数计算题目11：兔子繁殖问题题目18：数列求和题目19：完数判断题目21…...

编程日记 2025/9/8 9:14:02

Three.js 系列专题 7：性能优化与最佳实践

内容概述随着 3D 场景复杂度的增加，性能优化变得至关重要。Three.js 项目可能因几何体数量、纹理大小或渲染设置而变慢。本专题将介绍减少 draw call、优化纹理和使用调试工具的最佳实践。学习目标学会减少 draw call 和几何体复杂度。掌握纹理压缩与内存管理。使用 Stat…...

编程日记 2025/9/11 17:28:07

特权FPGA之Johnson移位

完整代码： module johnson(clk,rst_n,led,sw1_n,sw2_n,sw3_n);input clk; //时钟信号，50MHz input rst_n; //复位信号，低电平有效 output[3:0] led; //LED控制，1--灭&#xf…...

编程日记 2025/9/12 0:38:54

聊聊 CSS

先补充一些概念 C/S（客户端/服务器）：要下载到本地才能用需要安装、偶尔更新、不跨平台 B/S（浏览器/服务器）：在浏览器输入网址就可以使用无需安装、无需更新、可跨平台 [!NOTE] B/S 架构优点如此之多&am…...

编程日记 2025/9/18 22:49:55

域名系统DNS

一概述域名系统DNS是互联网使用的命名系统，用来把便于人们使用的机器名称转换为IP地址，比如我们熟知的www.baidu.com,www.sina.com，这些域名的背后都对应着一个又一个的IP地址。由域名转换为IP的过程我们称为解析，解析的过程大…...

编程日记 2025/9/15 20:01:44

大模型ui设计SVG输出

你是一位资深 SVG 绘画设计师，现需根据以下产品需求创建SVG方案： 产品需求约拍app 画板尺寸： 宽度：375px（基于提供的HTML移动设计）高度：812px（iPhone X/XS 尺寸） 配…...

编程日记 2025/9/16 0:33:01

利用securecrt的tftp服务器功能传递文件

日常经常能用到需要调测一些openwrt设备，要互相拷贝文件，没有开启ftp功能时，这时可以用到crt的tftp内置服务器功能，利用tftp功能传递文件。配置方法： 打开设置→全局配置→终端→tftp配置设置c上内置tftp服务器时&a…...

编程日记 2025/9/12 12:00:50

基于STM32、HAL库的IP2736U快充协议芯片简介及驱动程序设计

一、简介： IP2736U是一款高性能的USB Type-C和Power Delivery(PD)控制器芯片，支持最新的USB PD 3.0规范。它具有以下特点：支持USB Type-C和PD 3.0协议内置MCU，可编程配置支持多种供电角色(Source/Sink/DRP) 支持PPS可编程电源支持多种快充协议(PD/QC/AFC/FCP/SCP等) I…...

编程日记 2025/9/20 2:32:02

SQL学习笔记七

第九章用正则表达式进行搜索 9.1正则表达式介绍正则表达式是用来匹配文本的特殊的串（字符集合）。如果你想从一个文本文件中提取电话号码，可以使用正则表达式。如果你需要查找名字中间有数字的所有文件，可以使用一个正则表达式…...

编程日记 2025/9/19 12:29:35

MicroPython 开发ESP32应用教程之 Timer、GPIO中断

随着我们课程的递进，大家会发现，我们之前课程中的例子，虽然功能都能实现，但总觉得体验感不够好，比如按键控制GRB灯珠的时候，很容易出现按键后，灯珠没有反应，还有蓝牙发送指令控制灯珠…...

编程日记 2025/9/10 8:41:57

【区块链安全 | 第三十七篇】合约审计之获取私有数据（一）

文章目录私有数据访问私有数据实例存储槽Solidity 中的数据存储方式1. storage（持久化存储）定长数组变长数组 2. memory（临时内存）3. calldata 可见性关键字私有数据存储风险安全措施私有数据私有数据（Private Dat…...

编程日记 2025/9/19 13:10:50

20250408在荣品的PRO-RK3566开发板使用Rockchip原厂的buildroot系统时拿掉经常出现的list-iodomain.sh警告信息

rootrk3566-buildroot:/usr/bin# vi list-iodomain.sh rootrk3566-buildroot:/usr/bin# sync 【最后】 #chk_env #get_chip_id $1 #echo_msg "Get CHIP ID: $CHIP_ID" #get_iodomain_val 20250408在荣品的PRO-RK3566开发板使用Rockchip原厂的buildroot系统时拿掉经常…...

编程日记 2025/9/8 18:52:57

上下拉电阻详解

一、基本定义上拉电阻：连接信号线与电源（VCC），确保信号在无驱动时保持高电平。下拉电阻：连接信号线与地（GND），确保信号在无驱动时保持低电平。二、核心作用电平稳定防止悬空引…...

编程日记 2025/9/16 1:59:45

特权FPGA之数码管

case语句的用法： 计数器不断的计数，每一个num对应数码管一种数据的输出。实例通俗易懂，一目了然。 timescale 1ns / 1ps// Company: // Engineer: // // Create Date: // Design Name: // Module Name: // Project Name: //…...

编程日记 2025/9/11 21:03:11

PyTorch 学习笔记

环境：python3.8 PyTorch2.4.1cpu PyCharm 参考链接： 快速入门 — PyTorch 教程 2.6.0cu124 文档 PyTorch 文档 — PyTorch 2.4 文档快速入门导入库 import torch from torch import nn from torch.utils.data import DataLoader from torchvision …...

编程日记 2025/9/4 16:51:03