1. Appflowy 之 Bloc和freezed,理解Bloc和模式匹配

Talk is cheap, Show me the code

Bloc是什么?

Bloc 全称Business Logic Component, 核心思想是将界面和业务逻辑分离,并通过单项数据流的方式来管理状态。

Flutter 提供了StatelessWidget 处理无状态的UI,StatefulWidget处理有状态的数据,这种分离很好的提供了对不同场景的支持,对于有状态的组件,Flutter开发常见的原生方式是在创建State,将UI剥离出状态,并将状态通过setState()函数重建Widget。本质上就是根据不同的状态生成不同的UI。

如果不做任何分层,仅仅使用Widget,会导致所有的操作,都会在State当中,包括数据的获取,状态的变更,状态依赖的处理。当项目复杂性开始上升,维护项目的成本就会指数级别的增长。

引用一张 Flutter Bloc官网的说明图

bloc_architecture_full.png

  • Bloc 是业务逻辑的组件。它负责处理界面和数据之间的交互,执行业务逻辑,并管理状态。
  • Event 是用户界面或其他部分发送给 Bloc 的消息。它可以表示用户的交互、网络请求、定时器触发等事件。
  • State 是表示应用程序状态的对象。Bloc 在执行业务逻辑时,会生成新的状态并将其发送给界面。界面根据接收到的状态来更新自身的呈现。

Bloc模式的优势在于解耦业务逻辑和界面逻辑,使代码更易于测试,维护和扩展。

  • 具体实现概括;在此不深究源代码上的实现,在Android开发技术栈中,RxJava和EventBus都可以类比实现,Bloc基于Stream,on操作很类似于使用RxJava实现EventBus, 原理类似,但管理方向不同,Bloc是一种状态管理范式。

模式匹配是什么?

模式匹配是一种用于检查数据结构的技术手段,比如当我们使用 Switch Case 结构时

void main() {
  String fruit = 'apple';

  switch (fruit) {
    case 'apple':
      print('It\'s an apple!');
      break;
    case 'banana':
      print('It\'s a banana!');
      break;
    default:
      print('Unknown fruit');
  }
}

或者Rust match

fn main() {
    let fruit = "apple";

    match fruit {
        "apple" => println!("It's an apple!"),
        "banana" => println!("It's a banana!"),
        _ => println!("Unknown fruit"),
    }
}

比较的匹配分支必须是不相等的,也就是不能 == 返回True,这种情况下,Enum 和 scale class就比较适合这样的消息定义。

sealed class CounterEvent {}

final class CounterIncrementPressed extends CounterEvent {}

class CounterBloc extends Bloc<CounterEvent, int> {
  CounterBloc() : super(0) {
    on<CounterIncrementPressed>((event, emit) {
      // handle incoming `CounterIncrementPressed` event
    });
  }
}

使用模式匹配管理状态,有很多优势:

  • 清晰的状态转换
  • 可读性和维护性,代码结构更加扁平。
  • 防止状态遗漏
  • 适应性更强,多状态组合匹配,复杂状态管理更容易

freezed 是什么?

https://github.com/rrousselGit/freezed/blob/master/resources/translations/zh_CN/README.md

简单的说,一个用于数据类 / 联合体 / 模式匹配 / 克隆的代码生成器。

我们可以通过使用Freezed自动生成所需要的数据结构

Dart 3 版本之后,switch支持模式匹配

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/222428.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

对String类的深入理解

String类&#xff1a; String类相信大家对这个类并不陌生&#xff0c;这就是我们熟悉的字符串类型&#xff0c;但是我们一开始只知道它是用来定义字符串的&#xff0c;并不知道它的底层原理&#xff0c;这里我们就来简单的分析一下String的底层原理&#xff0c;首先我们来看一下…

机器学习实验一:线性回归

系列文章目录 机器学习实验一&#xff1a;线性回归机器学习实验二&#xff1a;决策树模型机器学习实验三&#xff1a;支持向量机模型机器学习实验四&#xff1a;贝叶斯分类器机器学习实验五&#xff1a;集成学习机器学习实验六&#xff1a;聚类 文章目录 系列文章目录一、实验…

Vue学习计划-Vue2--Vue核心(二)Vue代理方式

Vue data中的两种方式 对象式 data:{}函数式 data(){return {} }示例&#xff1a; <body><div id"app">{{ name }} {{ age}} {{$options}}<input type"text" v-model"value"></div><script>let vm new Vue({el: …

leetcode 1004. 最大连续1的个数 III(优质解法)

代码&#xff1a; class Solution {public int longestOnes(int[] nums, int k) {int lengthnums.length;int zero0; //计数器&#xff0c;计数翻转 0 的个数int max0; //记录当前获得的最长子数组长度for(int left0,right0;right<length;right){if(nums[right]0){zero;wh…

vsftpd.confg 常用配置,Beyond Compare 测试可用

vsftpd.confg 常用配置,备份一下, 经常配置好久 , 以后直接粘贴即可. Beyond Compare 测试可用. # Example config file /etc/vsftpd.conf # # The default compiled in settings are fairly paranoid. This sample file # loosens things up a bit, to make the ftp daemon m…

使用有道词典复制网页上的字

1. 今天发现一个新大陆&#xff0c;同事教的&#xff0c;有道词典可以复制网页上的字&#xff0c;也可以复制PDF文件等一些限制不可复制的字&#xff0c;原来不可复制的字&#xff0c;现在用有道都可以复制了&#xff0c;不需要用油猴下载脚本了。写给老婆这种纯电脑小白的。其…

销售人员如何自我提升?

销售人员如何自我提升&#xff1f; 在美国有这么一句流行语&#xff1a;不当总统就干销售员。其实在国内很多老板&#xff0c;高收入人群等大部分是来自销售岗位。因为销售是离钱最近的职业&#xff0c;在销售职业生涯中能收获到很多&#xff0c;比如人际关系能力&#xff0c;…

使用Scanner扫描器和if语句来判断QQ等级的活跃程度

一、主要特点 总体使用try包围起来&#xff0c;用到了Scanner扫描器&#xff0c;还用到了若干if语句。 二、运行代码 import java.util.Scanner; public class QQtest {public static void main(String[] args){try (Scanner scan new Scanner(System.in)) {System.out.pr…

【C语言】mmap函数

mmap是一种在Unix/Linux操作系统中将文件映射到进程的地址空间的方法&#xff0c;它允许程序像访问内存一样访问文件。这种方法可以提高文件访问的速度和效率&#xff0c;特别是对于大文件而言。 以下是mmap的基本使用方法&#xff1a; 1. 包含头文件&#xff1a; 在使用mma…

预览控制;预见控制;预测控制;预观控制(preview control)

预演控制&#xff08;preview control&#xff09;作为一种新兴的控制方法&#xff0c;首次在轮式车辆中被提出。 参考文献&#xff1a; https://www.sciencedirect.com/science/article/pii/S0016003219300390https://www.sciencedirect.com/science/article/pii/S0016003219…

消息队列zookeeper集群+kafka

消息队列zookeeper集群kafka kafka 3.0之前依赖于zookpeeper zookeeper开源分布式架构&#xff0c;提供协调服务&#xff08;Apache项目&#xff09; 基于观察者模式设计的分布式服务管理架构 存储和管理数据。分布式节点的服务结束观察者的注册&#xff0c;一旦分布式节点…

【WPF 按钮点击后异步上传多文件code示例】

前言: WPF中按钮点击事件如何执行时间太长会导致整个UI线程卡顿&#xff0c;现象就是页面刷新卡住&#xff0c;点击其他按钮无反馈。如下是进行异步执行命令&#xff0c;并远程上传文件的代码。 // 这里对于长时间执行的任务&#xff0c;必须使用异步方法进行处理private async…

HomeAssistant如何添加HACS插件实现公网控制米家与HomeKit等智能家居

HomeAssistant添加HACS插件并实现公网控制米家&#xff0c;HomeKit等智能家居 文章目录 HomeAssistant添加HACS插件并实现公网控制米家&#xff0c;HomeKit等智能家居基本条件一、下载HACS源码二、添加HACS集成三、绑定米家设备 ​ 上文介绍了如何实现群晖Docker部署HomeAssist…

【算法系列篇】递归、搜索与回溯(一)

文章目录 什么是递归、搜索与回溯算法1. 汉诺塔1.1 题目要求1.2 做题思路1.3 代码实现 2. 合并两个有序链表2.1 题目要求2.2 做题思路2.3 代码实现 3. 反转链表3.2 题目要求3.2 做题思路3.3 代码实现 什么是递归、搜索与回溯算法 递归算法是一种通过重复将问题分解为同类的子问…

是宝箱还是潘朵拉魔盒?ChatGPT正在悄然改变世界...

2022年11月30日&#xff0c;OpenAI推出了一款全新的对话式通用人工智能工具——ChatGPT。与以往的人工智障不同&#xff0c;ChatGPT能够与用户进行自然、流畅的对话&#xff0c;帮助人们解答各种问题&#xff0c;提供所需的帮助和支持。 据报道&#xff0c;ChatGPT在推出短短几…

技术阅读周刊第第8️⃣期

技术阅读周刊&#xff0c;每周更新。 历史更新 20231103&#xff1a;第四期20231107&#xff1a;第五期20231117&#xff1a;第六期20231124&#xff1a;第七期 Prometheus vs. VictoriaMetrics (VM) | Last9 URL: https://last9.io/blog/prometheus-vs-victoriametrics/?refd…

中碳CCNG:碳交易领域的革命者

在全球碳减排努力日益增强的背景下&#xff0c;中国碳中和发展集团有限公司&#xff08;简称中碳CCNG&#xff09;正以其创新的碳交易平台引领行业新趋势。中碳CCNG提供的一站式综合服务不仅包括碳信用的托管、买卖和抵消&#xff0c;而且通过其综合性数字平台&#xff0c;促进…

Mysql- 流程函数-(If, CASE WHEN)的使用及练习

目录 4.1 If函数语法格式 4.2 CASE WHEN 条件表达式格式 4.3 练习题1 4.4 练习题2 4.5 练习题3-行转列 4.6 牛客练习题 4.7 LeetCode练习题 4.1 If函数语法格式 IF(expr1,expr2,expr3) 解释&#xff1a; 如果表达式expr1true(expr1 <> 0 and expr1 <> NUL…

element-plus组件中的el-drawer的使用

在项目的制作过程中经常会用到弹窗组件&#xff0c;这里假设一种情况当你在一个页面需要多个弹窗组件的时候怎么样才能精准的打开和关闭对应的弹窗呐&#xff1f;&#xff1f; ① 绑定一个点击事件----【给点击事件传入一个下标】这里是打开事件 ② 使用element-plus中的 :befo…

Redis系列之keys命令和scan命令性能对比

项目场景 Redis的keys *命令在生产环境是慎用的&#xff0c;特别是一些并发量很大的项目&#xff0c;原因是Redis是单线程的&#xff0c;keys *会引发Redis锁&#xff0c;占用reids CPU&#xff0c;如果key数量很大而且并发是比较大的情况&#xff0c;效率是很慢的&#xff0c…