使用通用BLoC提供程序和继承的小部件有什么区别？

使用通用BLoC提供程序和继承的小部件在状态管理和代码结构上有一些区别。

通用BLoC提供程序是一种状态管理模式，它将业务逻辑与界面分离，使得代码更加可维护和可测试。它通过将状态和事件分离来管理应用程序的状态，使用流（Stream）来传递状态变化，并通过Sink来接收事件。通用BLoC提供程序通常包含以下几个核心组件：

BLoC：业务逻辑组件，负责处理业务逻辑和状态管理。它接收事件并根据事件进行状态转换，然后将新的状态通过流（Stream）发送给界面。
事件：触发状态变化的动作或事件，例如用户交互、网络请求等。
状态：应用程序的状态，可以是任何数据类型，例如布尔值、整数、对象等。
流（Stream）：用于传递状态变化的通道，通常是一个广播流（BroadcastStream）。

使用通用BLoC提供程序的优势包括：

解耦和可维护性：通用BLoC提供程序将业务逻辑与界面分离，使得代码更加模块化和可维护。
可测试性：由于通用BLoC提供程序将业务逻辑与界面分离，可以更容易地对业务逻辑进行单元测试。
状态共享：通用BLoC提供程序可以在应用程序的不同部分共享状态，使得状态管理更加灵活和高效。

继承的小部件是一种传统的状态管理方式，通过继承小部件来管理状态。在这种方式下，小部件通常包含以下几个核心组件：

状态：小部件内部的状态，可以是任何数据类型。
setState()：用于更新小部件状态的方法，当状态发生变化时，需要调用setState()来通知框架重新构建小部件。

使用继承的小部件的优势包括：

简单直观：继承的小部件是一种传统的方式，对于一些简单的应用场景来说，代码结构相对简单直观。
快速开发：由于继承的小部件不需要额外的状态管理代码，可以更快速地进行开发。

然而，使用继承的小部件也存在一些局限性：

代码结构混乱：随着应用程序规模的增大，继承的小部件可能导致代码结构变得混乱，难以维护和扩展。
难以测试：由于状态和业务逻辑混合在一起，对于继承的小部件进行单元测试可能会更加困难。

综上所述，使用通用BLoC提供程序相对于继承的小部件来说，在状态管理和代码结构上更加灵活、可维护和可测试。对于复杂的应用程序或需要更好的代码组织和可测试性的场景，推荐使用通用BLoC提供程序。

腾讯云相关产品和产品介绍链接地址：

云开发（云原生）：https://cloud.tencent.com/product/tcb
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库（CDB）：https://cloud.tencent.com/product/cdb
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
区块链（BCS）：https://cloud.tencent.com/product/bcs
视频处理（VOD）：https://cloud.tencent.com/product/vod
音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
网络安全（SSL）：https://cloud.tencent.com/product/ssl

相关·内容

Flutter响应式编程：Streams和BLoC

由于这可以对构建应用程序的方式做出重大改变，我想要一个实际示例来说明：很可能不使用它们，但有时可能更难以编码和性能更低，使用它们的好处同时也是使用它们的影响，正面的和（或）负面的。...()方法会强制整个Widget（和任何子窗口小部件）重建。...由父级提供使其可访问的最常见方式是通过父级Widget访问，通过StatefulWidget实现。以下代码显示了通用BlocProvider的示例。...当然，这是非常可取的。建议如下：（如果有任何业务逻辑）每个页面的顶部有一个BLoC，为什么不是ApplicationBloc来处理应用程序状态？每个“足够复杂的组件”都有相应的BLoC。...应用程序不使用任何InheritedWidget 该应用程序几乎是100％BLoCs / Streams驱动，这意味着大多数小部件彼此独立，并且它们在应用程序中的位置一个实际的例子是FavoriteButton

4.1K9 0

flutter_bloc使用解析---骚年，你还在手搭bloc吗！

flutter_bloc使用将从下图的三个维度说明 [flutter_bloc] 前言首先，有很多的文章在说flutter bloc模式的应用，但是百分之八九十的文章都是在说，使用StreamController...使用框架，不拘泥框架，在观察者模式的思想上，灵活的去使用flutter_bloc提供Api，这样可以大大的缩短我们的开发时间！...是Flutter窗口小部件，需要Bloc和builder函数。...它用作依赖项注入（DI）小部件，以便可以将一个块的单个实例提供给子树中的多个小部件。在大多数情况下，BlocProvider应使用它来创建新的bloc，这些bloc将可用于其余子树。...它用作依赖项注入（DI）小部件，以便可以将存储库的单个实例提供给子树中的多个小部件。BlocProvider应该用于提供块，而RepositoryProvider只能用于存储库。

5K4 1

Flutter 的状态管理方案：setState、BLoC、ValueNotifier、Provider

此示例 app 展示了如何使用各种状态管理方案处理加载状态。主要导航登录页面的主要导航是通过一个小部件实现的，该小部件使用 Drawer 菜单在不同选项中进行选择。... 的 ChangeNotifierProvider 和 Consumer，这为我们提供了一种表示加载状态的方法，并在更改时重建 widget。...如下是他们的比较方式： setState ↔︎ 最精简的代码 BLoC ↔︎ 最多的代码 ValueNotifier ↔︎ 中等水平所以 setState 方案最适合这个例子，因为我们需要处理单个小部件的各自的状态...在构建自己的应用程序时，你可以根据具体情况来评估哪个方案更合适小彩蛋：实现 Drawer 菜单跟踪当前选择的选项也是一个状态管理问题：我首先在自定义 Drawer 菜单中使用本地状态变量和 setState...这样，即使删除使用它的小部件，状态也会被保留。 ValueNotifier 比 setState 需要更多的代码。但它可以用来记住状态，通过在 widget 树中放置适当的 Provider。

4.4K0 0

Flutter BLoC 教程：使用 BLoC 模式的状态管理

BLoC 代表 Business Logic Components；它的目的是从用户界面分离程序的业务逻辑。使得应用程序代码更加优雅，可扩展和可测试。...使用 BLoC 的优点 ✅ 针对不同场景都有很出色的文档 ✅ 从 UI 中分离业务逻辑，因此使得代码更容易理解 ✅ 使得产品更易测试 ✅ 容易跟踪应用程序经历的状态使用 BLoC 的缺点 ✅ 其学习曲线有点陡峭...✅ 简单应用不推荐使用 ✅ 有更多标准化代码，但可以通过扩展解决 Flutter BLoC 教程目标我们将构建相关简单的应用，来演示 BLoC 如何使用流来管理状态，并为 bloc 编写一些测试。...因为一个应用程序中会有很多事件，我们创建一个抽象类并继承它，并在需要处理和传递多个事件给 BLoC 时进行扩展。...：我们使用它来提供我们 bloc 一个实例，通过在应用程序的根替换它，这样我们在应用程序中都能获取它。 ✅ create：创建我们 AppBlocBloc 一个实例 BlocConsumer(...)

4081 0

【Flutter 状态管理】第一论：对状态管理的看法与理解

那界面和状态有什么区别和联系呢？比如说一颗种子发芽、长大、开花、结果、枯萎，这是外在的表征，是外界所看到的形态变化。...就这个小案例而言，主要有两个事件: 自加和重置。...repository 层也是通用的，不管是 Bloc 也好、Provider 也好，都只是管理的一种手段。...repository 层作为数据的获取方式是完全独立的，比如 todo 的案例，Bloc 版和 Provider 可以共用一个 repository 层，因为即使框架的使用方式有差异，但数据的获取方式是不变的...我们在使用前应该明白： [1]. 状态是否需要被共享和修改同步。如果否,也许通过 [State] 封装为内部状态是更好的选择。 [2]. [业务逻辑] 和[界面状态变化] 是否复杂到有分层的必要。

1.2K2 0

Flutter ——状态管理 | StreamBuild

2.stream都有哪些类型 Stream有两种类型：单订阅Stream和广播Stream。...2.方法二使用状态管理bloc,如果使用了bloc,streamBuild中的stream 就因该传bloc的数据，如果我其它地方使用也使用了这个item,那么这个stream就应该传...bloc,此时streamBuild中的stream 类型就不匹配了，这个item 就无法复用了，所以我放弃使用bloc等状态管理 3.为何item 最外层使用StatefulWidget...当然有兴趣的可以去实现一下。 ###问题2.怎样才能不使用StatefulWidget？...bloc+streamBuild,此时的stream是bloc里的，不需要在dispose()方法中去关流，这样就可以放弃使用StatefulWidget了。

2.7K3 1

Flutter Bloc 官方文档（BlocBuilder翻译）

Bloc Widgets BlocBuilder BlocBuilder 是一个Flutter widget，它需要一个bloc和一个builder函数，BlocBuilder用响应的新状态构建一个widget...，BlocBuilder和StreamBuilder十分相似，但是它有一个更简单的API来减少所需的样板代码数量,builder函数可能会被多次调用，并且应该是一个纯函数，它返回一个小部件来响应状态。...和当前BlocProvider查询到的bloc填充 BlocBuilder( builder: (context, state) { // return...widget here based on BlocA's state } ) 如果你希望去提供一个特定的bloc，而不是通过BlocProvider和上下文查找决定。...buildWhen获取bloc前一个状态和当前状态，并返回一个布尔值。如果buildWhen返回true，那么将使用state调用builder，widget将重新构建。

1.2K1 0

Flutter BLoC 异步通信、BlocBuilder的基本使用、BlocProvider的初探

的基本使用、BlocProvider的初探 *** 1 前言 BloC 全称是 Business Logic Component（业务逻辑组件），主要作用就是将业务逻辑和UI组件分离开。...BLoC模式可以将Widget构建UI的代码与业务处理的代码分离出来，在BLoC模式下的应用程序，一般会有全局的BLoC，每一个页面也会对应有一个独立的BLoC。...packages get 在Flutter BloC模式开发中常用组件有BlocBuilder、BlocProvider、BlocListener和BlocConsumer等等。...在这里使用Bloc模式开发一个时间计时器运行效果如下图所示： [在这里插入图片描述] 首先来看程序入口，在这里使用到了 BlocProvider ，BlocProvider相当于一个组合者，它将 Bloc...、事件、消费组合在一起，在本文章第四小节有详细概述，代码如下： ///flutter应用程序中的入口函数 void main() => runApp(BlocMainApp()); ///应用的根布局

3.2K1 1

Flutter 入门指北(Part 13)之网络

lock 和 unlock 的写法，被 lock 后，接下来的请求会进入队列等待， // 直到 unlock 后才能继续，可以用于几个请求，后续的需要用到前面的返回值的情况使用 // 返回修改后的...直接搜索就可以，如果用的是 Vitual Code 或者别的不是 JetBrains 系列的，这里有个转换的网址JsontoDart（https://javiercbk.github.io/json_to_dart...以上代码查看 http_main.dart 文件实践一下下不知道小伙还记得前面讲的 BLoC 没有，忘了可以查看 Flutter 状态管理及 BLoC，这里结合 BLoC 和 Dio 实现界面和逻辑分离的小例子...content.isNotEmpty); return '${content.substring(0, 1).toUpperCase()}${content.substring(1)}'; } // 地址信息通用部件...) 如果对你有帮助的话，记得给个 Star，先谢过，你的认可就是支持我继续写下去的动力~

1.3K2 0

flutter中使用BloC模式

更具我自己的一点理解来看，实际上BloC设计模式，似乎和MVP没有什么本质区别，两种设计模式的最终目的就是为了把和UI糅合在一起的业务逻辑代码剥离开来，单独的抽取到一层中。...在flutter中，实现BloC模式的精髓就是，展示的数据从BloC中来，具体到了stream上，有了stream的到来，就可以使用StreamBuilder来构建ui了。...3、便面了setState的方式来触发build，可能性能更好，注意，只是可能,因为这也是大佬们说的，我并不太认可，实际上我认为，即便是使用streamBuilder,当stream有新的data时，也是触发了其包裹的组件走...Redux相比大家也听过了，flutter中当然也是有的，那么，和Bloc有什么区别么？...1、个人觉得，并没有什么区别，都可以实现数据共享，大家也都能实现总线的功能，redux理解难度上，似乎还要比Bloc更加复杂点，因为他概念会多一些。

17.4K8 2

Flutter 移动端架构实践：Widget-Async-Bloc-Service

事实上，一些状态管理的技术被普遍使用： Scoped Model以其简单而著称 BLoC也被广泛使用，借助于Streams和RxDart，它适用于更复杂的应用程序在最近的Google I/O大会上，Flutter...Flutter app时，该架构也能胜任 5.需要很少甚至没有样板代码 6.保证代码的可测试性 7.保证代码的可移植性 8.支持小型、可组合的小部件和类 9.与异步API轻松集成（Futures和Streams...） 10.适用于体量和复杂度逐步增长的应用程序。...因此，在WABS中，我使用了一种名为 Async BLoC 的BLoC变体。它和BLoC一样，我们有可以订阅的输出流；但是，BLoC输入可以包括同步接收器、异步方法甚至共同的两者。...Provider为我们提供了一个简单灵活的API，我们可以使用它来向控件树添加任何我们想要的东西。它适用于BLoC、Service、数值甚至更多。

16K2 0

【Flutter&Flame 游戏 - 贰柒】pinball 源码分析 - 角色选择与玩法面板

很明显，在两个不同界面中的数据需要共享，很自然就会想到使用状态管理。 ---- 通过查看资源图片的位置，不难发现，这里四种角色主题是在 pinball_theme 中提供的。...---- 默认情况是 DashTheme ，想要知道角色主题是何时切换的，也非常简单。因为使用了Bloc ，业务逻辑封装了，使用统一的事件接口触发。...，在功能上是没有什么区别的。...抽离组件可以让整体结构更加清晰，比如下面的红框中，代码的组件和界面的呈现，两者的对应关系非常清晰。源码中的处理方式，特别是官方提供的源码，是非常值得学习和借鉴的。...---- 本文介绍了 pinball 游戏的角色选择和玩法介绍两个模块。从中可以看出 bloc 在状态数据共享，以及状态变化监听中的价值。

9254 0

1.1K2 0

「首席架构师推荐」最棒的的Flutter库，工具，教程，文章列表

网站/博客欢迎来到Flutter - 英语和法语博客，致力于为Didier Boelens提供有关Flutter的大多数问题的实用解决方案。...Norbert - Norbert515的深度文章，功能和应用程序创建。 Flutter Tips - DiegoVelásquez开发的文章，提示和技巧。...渲染对象 - 什么是窗口小部件，渲染对象和元素？由Norbert515。 Streams和RxDart - 由Brian Egan演示的Skillmatters。...具有时间轴的分析 - 使用时间轴可以查找和解决Chinmay Garde在您的应用程序中的特定性能问题。 HOWTO文档视差效果 - Marcin Szalek的视差和非线性动画。...实践中的颤动 - Zaiste为初学者和非程序员提供免费视频课程。 Whatsupcoders - 由Kamal制作的Flutter Widgets免费视频系列。

10.7K1 0

主题色切换+国际化三连

搞太复杂的例子，一篇文章又不现实。就拿主题色切换+国际化开刀吧。本文会说一下provoder、BLoC和redux的三种实现主题色切换+国际化的实现方式，所以称三连击。 ?...继承自ChangeNotifier,将状态量作为属性，使用changeThemeData来方法改变状态量，并通知需要小伙伴们，让它们刷新。...---- 三、BLoC实现主题切换和国际化:flutter_bloc: ^0.22.1 如果是redux是中央集权，地方分权，那么BloC就是完全的自由民主。...一个BloC也有三大件:Bloc 业务逻辑单元、State状态、Events事件 ? ---- 1.主题色的BloC 状态类可以根据自己的爱好写出自己的风格。下面是我比较喜欢的风格。...将状态量放在抽象类中，其他状态去继承他来实现状态的分化。只要你想，也可以加一些常用状态。

3.3K2 0

FlutterDojo设计之道—状态管理之路（三）

创建BLoC业务处理类 BLoC类是一个业务逻辑处理类，不包含任何UI逻辑，且一个BLoC类只处理一种独立的业务逻辑，在官方的Demo中，业务逻辑有下面几个部分构成。...私有的model和StreamController 公开的get方法返回Stream 公开的业务处理函数 dispose函数创建BLoC管理类 BLoC管理类是一个通用的处理类，借助StatefulWidget...同时，它也是数据和UI的粘合剂，用于将指定业务的BLoC类注入到具体的业务UI中。...在UI层中，有两种写法，一种是直接使用StatelessWidget，在build函数中初始化BlocProvider.of(context)，另一种是使用StatefulWidget..._countController = StreamController.broadcast(); 在多页面使用的时候，有个地方需要注意，那就是流是实时的，不具有粘滞性。

1.6K3 0

flutter系列之:flutter架构什么的,看完这篇文章就全懂了

而Flutter也是一样，虽然我们使用同一套dart代码编写了Flutter程序，但是需要不同的命令编译成不同平台的命令和安装包。...最后是Material和Cupertino库,这些库使用widegts层中提供的小部件，组合成了不同风格的控件集。 Flutter framework就是这样一层层的构建起来的。...于是Flutter提供了一个InheritedWidget类，如果我们自定义的类需要共享数据给子Widgets，则可以继承InheritedWidget。...当然，除了InheritedWidget，Flutter还提供了很多状态管理的工具，比如provider，bloc，flutter_hooks等，也是非常好用的。...渲染和布局渲染就是将上面我们提到的widgets转换成用户肉眼可以感知的像素的过程。 Flutter作为一种跨平台的框架，它和普通的跨平台的框架或者原生的框架有什么区别呢？首先来考虑一下原生框架。

8543 0

【源码篇】Flutter Bloc背后的思想，一篇纠结的文章

，应该不会有这么深的执念[img] 这个state层加的，我觉得相当有必要，因为某个页面一旦维护的状态很多，将状态变量和逻辑方法混在一起，后期维护会非常头痛。...我上面吐槽了很多，并非我对bloc有什么意见 Bloc我也用了较长的时间，深度使用过程，对其用法做了一些优化，还为其写了一个代码生成插件，为它也算付出了一些时间和精力但是：代码是不会说谎的，所有好的或不好的都在其中...，整个Bloc的运行机制，一下子就明朗了 BlocProvider 负责储存传入XxxBloc加以储存提供的of方法，可以在BlocProvider或其子节点位置，获取到储存的XxxBloc 提供回收资源的回调...使用使用基本和Bloc一摸一样我本来想把emit俩个新旧state对象对比的判断去掉，但是想想Bloc作者对这个理念好像有很深的执念，在很多地方都做了处理；所以，这边我也就保留了，也可以保留Bloc...Stream的使用，做了一个大大的精简，基本使用痛点，全都封装起来，内部处理了最后留言板 Provider和Bloc的源码解析终于写完了，就差最后一篇GetX了。。。

2.3K4 1

Flutter完整开发实战详解(十二、全面深入理解状态管理设计)

在所有响应式编程中，状态管理一直老生常谈的话题，而在 Flutter 中，目前主流的有 scope_model 、BloC 设计模式、flutter_redux 、fish_redux 等四种设计...当然，如果和 rxdart 结合可以简化 StreamController 的一些操作，同时如果你需要利用 BloC 模式实现状态共享，那么自己也可以封装多一层 InheritedWidgets 的嵌套...当然，更多的功能和更好的拓展性，也造成了代码的复杂度和上手难度，因为 flutter_redux 的代码使用篇幅问题，这里就不展示所有代码了，需要看使用代码的可直接从 demo 获取，现在我们直接看...现在看起来使用流程是不是变得复杂了？但是这带来的好处就是复用的颗粒度更细了，装配和功能更加的清晰。那这个过程是如何实现的呢？后面我们将分析这个复杂的流程。...而使用中我们组装的 dependencies 最后都会通过 ViewService 提供调用调用能力，比如调用 buildAdapter 用于列表能力，调用 buildComponent 提供独立控件能力等

1.9K2 0

初学者的 Flutter bloc

Flutter Bloc 很容易使用，因为我们和我们团队可以很快明白相关的概念，不管你是什么水平，该库有非常好的文档和很多的案例，它在 Flutter 社区中是广泛使用的那个，所以我们如果有任何问题，我们都可以在网络上通过简单的搜索找到对应的解决方案...这个挂件有 listener 和 builder 函数，所以我们可以一起使用。 BlocSelector 这个挂件允许开发者基于当前 bloc 状态选择一个新的值指定更新。...Flutter 应用程序使用一个好的状态管理器是必要的。...Flutter bloc 是一个很好的选择，正如你所看到的，它并不复杂并且很容易理解怎么使用它的核心概念。并且，它提供了很多方法来管理我们的视图和挂件。...个人观点，我们更喜欢创建小而美的 blocs 来使得我们的代码更加干净和可维护性，而不是使用大文件 bloc 来管理很多的事情，但是你的逻辑要求你那么做，你那么做会更好。

961 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云