开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Flutter:我应该在什么时候处理BLoC？

在Flutter中，BLoC（Business Logic Component）是一种用于管理应用程序状态和业务逻辑的设计模式。BLoC模式将应用程序分为三个主要部分：界面（UI）、业务逻辑（BLoC）和数据层（Repository）。BLoC模式的核心思想是通过将界面与业务逻辑分离，使得代码更易于维护和测试。

在Flutter中，处理BLoC的时机取决于具体的业务需求和设计。通常情况下，可以在以下几个时机处理BLoC：

初始化阶段：在界面初始化时，可以创建并初始化BLoC实例。这可以在界面的构建方法中完成，确保BLoC在界面渲染之前就已经准备好了。
用户交互阶段：当用户与界面进行交互时，可以在事件处理方法中调用BLoC的方法来处理业务逻辑。例如，当用户点击按钮时，可以调用BLoC的方法来处理按钮点击事件。
异步操作阶段：当需要进行异步操作（如网络请求、数据库读写等）时，可以在BLoC中处理这些操作。通常情况下，可以使用Dart的异步函数（async/await）来处理异步操作，并在BLoC中调用相应的方法。
生命周期管理阶段：在Flutter中，界面的生命周期包括初始化、构建、更新和销毁等阶段。可以在这些生命周期方法中调用BLoC的相应方法来管理BLoC的状态和资源。

总之，处理BLoC的时机应根据具体的业务需求和设计来确定。在不同的阶段和场景中，可以选择合适的时机来处理BLoC，以实现更好的代码结构和用户体验。

关于Flutter中BLoC的更多信息，你可以参考腾讯云的相关产品和文档：

腾讯云Flutter开发者平台：https://cloud.tencent.com/product/flutter
腾讯云移动开发服务：https://cloud.tencent.com/product/mobile
腾讯云云开发：https://cloud.tencent.com/product/tcb
腾讯云数据库服务：https://cloud.tencent.com/product/cdb
腾讯云服务器：https://cloud.tencent.com/product/cvm
腾讯云人工智能服务：https://cloud.tencent.com/product/ai
腾讯云物联网平台：https://cloud.tencent.com/product/iot
腾讯云存储服务：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/baas
腾讯云元宇宙服务：https://cloud.tencent.com/product/vr

相关搜索:Flutter BLoC: mapEventToState的全局异常处理程序 mfc CEdit我应该在什么时候做验证？Procfile与shellscript文件有什么不同，我应该在什么时候使用？什么时候在flutter中处理一个块？什么时候应该在Flutter中使用以下属性什么时候应该在数据处理中使用数据入库？什么时候我应该在iOS上使用线程而不是DispatchQueue？在使用托管API时，我应该在什么时候刷新EWS URL 如何在flutter_bloc包中处理对象释放后的调度？如何在我的项目中应用flutter_bloc？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

我应该在什么时候使用 Apache Druid

Druid 的更新操作是通过后台批处理完成的。你的系统类似的是一个离线的报表系统，查询的延迟不是系统设计的重要考虑。

6073 0

flutter中使用BloC模式

在flutter中，实现BloC模式的精髓就是，展示的数据从BloC中来，具体到了stream上，有了stream的到来，就可以使用StreamBuilder来构建ui了。...= null), super(key: key, stream: stream); 发送事件丢给BloC处理，具体到了sink上。...Redux相比大家也听过了，flutter中当然也是有的，那么，和Bloc有什么区别么？...2、如果让我选择，我更加倾向于直接使用Bloc，最少的代码完成需求，比起引入一个库，话费的代价要少。初学者的疑问 1、想bloc发送事件一定需要通过另外一个streamController么？...，这其实也是一个坑，很容就掉进去了，所以，区分什么时候通过final IncrementBloc bloc = BlocProvider.of(context);获取，什么时候通过参数传递的方式传递过去

17.4K8 2

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

我对状态管理和app架构的看法过去的一年中，我构建了若干大大小小的Flutter app，期间我遇到并解决了许多问题，这让我明白了状态管理没有银弹。...dispose回调进行配置的，我们使用它来处理BLoC并关闭相应的StreamControllers。...与RxVMS比较在本文中，作为Flutter中已有架构模式的改良，我介绍了Widget-Async-BLoC-Service。 WABS与Thomas Burkhart的 RxVMS模式最相似。...我应该在我的应用中使用BLoC吗？ BLoC具有陡峭的学习曲线。要了解它们，您还需要熟悉Stream和StreamBuilder。...当Flutter重建窗口控件树时，处理嵌套的StreamBuilders会导致调试过程变得很棘手。这些因素都会让代码有额外的开销。

16K2 0

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

身份验证状态由一个祖先 widget 处理，该 widget 使用 onAuthStateChanged 来决定展示哪个页面。我在前一篇文章中介绍了这一点。...ValueNotifier，什么时候用 ChangeNotifier 呢？...最后的比较上述三种实现（setState、BLoC、ValueNotifier）非常相似，只是处理加载状态的方式不同。...如下是他们的比较方式： setState ↔︎ 最精简的代码 BLoC ↔︎ 最多的代码 ValueNotifier ↔︎ 中等水平所以 setState 方案最适合这个例子，因为我们需要处理单个小部件的各自的状态...Flutter & Firebase Udemy 课程中有深入介绍。

4.4K0 0

Flutter 状态管理 | 业务逻辑与构建逻辑分离

目前我的状态管理相关文章有：《Flutter 状态管理 | 第一论 - 对状态管理的看法与理解》《Flutter 桌面探索 | 自定义可拖拽导航栏》《Flutter 状态管理 | 第二论...- 业务逻辑与界面构建分离》本文秒表的界面基础详见这两篇文章《Flutter 绘制集录 | 秒表盘的绘制》《Flutter 绘制集录 | 秒表运动与Ticker》 ---- 1....基于 flutter_bloc 的状态管理状态类的核心逻辑应该在于界面的构建逻辑，而业务数据的维护，我们可以提取出来。...这里通过 flutter_bloc 来将秒表中数据的维护逻辑进行分离，由 bloc 承担。...这里用的是 flutter_bloc ，你完全也可以使用其他的状态管理来实现类似的分离。工具千变万化，但思想万变不离其宗。谢谢观看 ~

1.4K4 0

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

我上面吐槽了很多，并非我对bloc有什么意见 Bloc我也用了较长的时间，深度使用过程，对其用法做了一些优化，还为其写了一个代码生成插件，为它也算付出了一些时间和精力但是：代码是不会说谎的，所有好的或不好的都在其中...使用这边介绍下使用，对官方的用法做了一些调整调整心路的历程，可参照：flutter_bloc使用解析---骚年，你还在手搭bloc吗！...这里就不重复写怎么使用了，使用明细可参照：flutter_bloc使用解析---骚年，你还在手搭bloc吗！...使用使用基本和Bloc一摸一样我本来想把emit俩个新旧state对象对比的判断去掉，但是想想Bloc作者对这个理念好像有很深的执念，在很多地方都做了处理；所以，这边我也就保留了，也可以保留Bloc...，全都封装起来，内部处理了最后留言板 Provider和Bloc的源码解析终于写完了，就差最后一篇GetX了。。。

2.3K4 1

初学者的 Flutter bloc

原文链接：Flutter bloc for beginners - 原文作者 Ana Polo 本文采用意译的方式 Flutter Bloc 是什么？...flutter Bloc 是 Flutter 应用的其中一个状态管理。我们可以通过它很容易处理应用中所有可能的状态。...下面是我完成的应用效果。该首页有不同的部分，我们看下。 Header 这是个简单的挂件，我们展示了两行文本和一个圆形的头像。...this.idSelected, ); } } Category bloc 在这里，我们需要处理所有的事件。...我们将在同一个 bloc ：CategoryBloc 中处理下面是完整的类。

851 0

一天搞定：Flutter + ChatGPT，打造智能聊天机器人

优秀的全局数据管理方式 flutter_bloc，完美的业务逻辑和界面UI代码分层隔离。flutter_bloc_test，bloc也可以mock测试，完全脱离界面耦合。...5、但是更好的方式是，使用flutter_bloc ，这样，我们可以将界面UI 和逻辑部分做到很好的隔离，方便维护全局数据管理Flutter应用中可以使用Flutter_bloc这个全局数据管理库来更好地管理全局数据...我们可以将聊天记录的获取、多语言和主题设置等操作集中处理，以便于管理和维护。...多语言和主题设置的支持Flutter提供了国际化和主题管理API，我们可以将应用所需的各种语言和主题资源文件集中存放，并在应用启动时根据用户选择的语言和主题载入相关资源文件，这部分我使用flutter_bloc...实现，有个好处，这个库有个hydrated_bloc 插件，可以支持我非常方便的缓存本地设置。

5.1K7 1

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

flutter_bloc使用将从下图的三个维度说明 [flutter_bloc] 前言首先，有很多的文章在说flutter bloc模式的应用，但是百分之八九十的文章都是在说，使用StreamController...[新建bloc文件] [目录结构新建bloc文件] 是不是觉得，还在手动新建这些bloc文件low爆了；就好像fish_redux，不用插件，让我手动去创建那六个文件，写那些模板代码，真的要原地爆炸。...，对于自己业务写的小项目，我就经常用这个Cubit去写全局Bloc 说明什么是全局Bloc？...在大多数情况下，BlocProvider应使用它来创建新的bloc，这些bloc将可用于其余子树。在这种情况下，由于BlocProvider负责创建块，它将自动处理关闭bloc。...flutter_bloc相关Api白嫖地址：flutter_bloc相关Api flutter_bloc GitHub：https://github.com/felangel/bloc Pub：https

4.9K4 1

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

BLoC模式可以将Widget构建UI的代码与业务处理的代码分离出来，在BLoC模式下的应用程序，一般会有全局的BLoC，每一个页面也会对应有一个独立的BLoC。...BloC是一种架构模式也是一种编程思想，在Flutter中使用BloC时，首先要引入bloc库 dependencies: flutter_bloc: ^6.0.6 然后将依赖库拉取到本地 flutter.../cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter_bloc/flutter_bloc.dart...定义的 Bloc 角色，代码如下： import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:intl/intl.dart'; /...发射的数据 builder: (context, time) { ///在这里 time 就是BloC回传的数据处理结果 ///当然在这里是一个 String

3.1K1 1

flutter weekly第9期

如果你有任何关于 Flutter 或 Dart 的消息想要与我分享，请联系我。 ---- 这是我举办的第9期，以后每周一期，欢迎大家监督。...games with Bloc and Flame....本教程在flutter游戏开发中使用Bloc进行状态管理。...教程地址：https://verygood.ventures/blog/flutter-games-with-bloc-and-flame Flutter & GitHub Workflows: Deploying...v=ZzQ_PWrFihg Flutter Bloc Tutorial For Beginners - Package. 该教程分享了在flutter中使用bloc的各种经验，非常适合初学者。

4221 0

搭建企业级flutter开发框架（4）

搭建企业级flutter开发框架 app的总体架构架构图 Data layer, pure Dart, small SDKs 该层用于获取不同来源的数据: network, database,...GPS, bluetooth… 不需要业务处理和数据合成等....API要尽可能的小 Domain layer (repositories), pure Dart 该层用于处理不同来源的数据业务处理但不是展示层的展示处理每个模块需要有单独的repository UI...Layer in Flutter Flutter widgets 状态管理依赖包的选择 data layer http：推荐使用 dio，当然可以自己封装数据存储：shared_preferences...UI 最主要的是状态管理，推荐使用Bloc bloc hydrated_bloc bloc_test 下一步将生成一个具体的框架，放到github，欢迎关注

7881 0

Flutter响应式编程：Streams和BLoC

如何将此BLoC模式应用于Counter应用？将BLoC模式应用于Counter 应用可能看起来有点矫枉过正，但请允许我先向你展示...... 我已经听到你说“哇......为什么这一切？...建议如下：（如果有任何业务逻辑）每个页面的顶部有一个BLoC，为什么不是ApplicationBloc来处理应用程序状态？每个“足够复杂的组件”都有相应的BLoC。...Flutter无法实例化泛型类型不幸的是，Flutter无法实例化泛型类型，我们必须将BLoC的实例传递给BlocProvider。...关于BLoC的个人建议与BLoC相关的第三条规则是：“依赖于Streams对输入（Sink）和输出（stream）的独占使用”。我的个人经历稍微关系到这个说法......让我解释一下。...- companion article Filip Hracek Flutter with Streams and RxDart Brian Egan 结论很长的文章，但还有更多的话要说，因为对我而言

4.1K9 0

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

模式的优缺点在我们进入 flutter bloc 教程之前，我们说说 bloc 设计模式的优缺点。...因为一个应用程序中会有很多事件，我们创建一个抽象类并继承它，并在需要处理和传递多个事件给 BLoC 时进行扩展。...提供我们的 BLoC import 'package:flutter/material.dart'; import 'package:flutter_bloc/flutter_bloc.dart'; import...测试 BLoC 设计模式为了测试 bloc，我们需要安装以下两个包： ✅ bloc_test ✅ flutter_test 在测试 test 文件夹中，创建名为 app_bloc_test.dart...BLoC Simple Example 相关 github - flutter-bloc-demo。

3091 0

主题色切换+国际化三连

ColorChooser是我自定义的组件，在点击时会将索引和颜色值回调出来，在此触发changeThemeData方法来更新消费者的状态。...思路是极为一致的，让我们看看有哪些不同，首先要说的是rudux的三大件:状态State,行为Action和处理器Reducer。所有状态由仓库统一管理，天子状态AppState向下分封。 ?...在定义redux状态时，我习惯定义一个初始状态，方便使用。当然你也可以不用，直接在使用时来构建。...---- 三、BLoC实现主题切换和国际化:flutter_bloc: ^0.22.1 如果是redux是中央集权，地方分权，那么BloC就是完全的自由民主。...一个BloC也有三大件:Bloc 业务逻辑单元、State状态、Events事件 ? ---- 1.主题色的BloC 状态类可以根据自己的爱好写出自己的风格。下面是我比较喜欢的风格。

3.3K2 0

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

通过Dart提供的Stream机制，Flutter可以很轻松的构建响应式的编程方式，同时也让跨页面、跨Widget的数据管理问题迎刃而解。 Flutter的响应式编程，具有下面几个特点。...在BLoC模式下，Widget与Data彻底解耦： App的业务逻辑处理都在BLoC中 Widget通过Sink向BLoC发送数据 BLoC通过Stream通知Widget重建UI 这其实有点类似MVP...创建BLoC业务处理类 BLoC类是一个业务逻辑处理类，不包含任何UI逻辑，且一个BLoC类只处理一种独立的业务逻辑，在官方的Demo中，业务逻辑有下面几个部分构成。...私有的model和StreamController 公开的get方法返回Stream 公开的业务处理函数 dispose函数创建BLoC管理类 BLoC管理类是一个通用的处理类，借助StatefulWidget...来实现了BLoC业务处理类的管理。

1.6K3 0

Flutter ——状态管理 | StreamBuild

如果你需要对输出数据进行处理，可以使用StreamTransformer，它可以对输出数据进行过滤、重组、修改、将数据注入其他流等等任何类型的数据操作。...我们的项目不仅仅是一个简单的计数器，接下来我将结合项目，简单讲述一下如何使用streamBuild。这是我司的一张UI。 [UI.png] 要求点击“关注”变为“已关注” 如何去实现的？...'; import 'package:hongka_flutter/app/Manager/IO/hk_request.dart'; import 'package:hongka_flutter/app...2.方法二使用状态管理bloc,如果使用了bloc,streamBuild中的stream 就因该传bloc的数据，如果我其它地方使用也使用了这个item,那么这个stream就应该传...去管理，我觉得为了一个按钮的改变，去做很多操作，有点不值得了。

2.7K3 1

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

flutter_bloc 是实现状态管理的工具之一，它的核心是：通过 Bloc 将 Event 操作转化成 State；同时通过 BlocBuilder 监听状态的变化，进行局部组件构建。...class CountState { final int value; const CountState({this.value = 0}); } 最后是 Bloc ，新版的 flutter_bloc...案例介绍：源码位置为了让大家对 flutter_bloc 在逻辑分层上有更深的认识，这里选取了 flutter_bloc 官方的一个案例进行解读。...有人可能会问，业务逻辑都放在 Bloc 里处理不就行了吗，为什么非要搞个 repository 层。其实很任意理解，Bloc 核心是处理状态的变化，如果接口请求代码都放在 Bloc 里就显得非常臃肿。...五、小结这里小结一下我对状态管理的理解： [1]. [状态] 是界面构建需要依赖的信息。 [2]. [管理] 是对复杂场景的分层处理，使[状态变化逻辑]独立于[视图构建逻辑]。

1.2K2 0

我用flutter做了一个维基How中文版

因为最近在玩flutter，所以，我就用flutter玩一玩咯，如是就有了这个App。...有了API了，接下来，就创建项目，码代码就是了，看看项目结构 image.png main.dart是工程的入口； bloc目录说明我这个项目是使用了bloc设计模式的，目录里放着各个业务逻辑的bloc...widget这里是我封装的一些自定义组件，里面包括，在列表里面播放视频的控件等所以，需要那些库呢，这里我贴一下 pull_to_refresh: ^1.5.8 flutter_bloc: ^...video_player: ^0.10.8+1 chewie: ^0.9.8+1 neeko: ^0.0.6 其中 : debounce_throttle 是因为搜索的时候要输入关键字，控制调用接口的频率; flutter_bloc...就是一个对bloc设计模式封装得比较好用的库，我推荐使用这个; dio 是网络请求框架,支持restful，请求结果也直接给解析成json了。

2.1K34 2

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

在很多时候，请求接口后，需要将 json 转换成 pojo 类来处理，可以通过 json_serializable 这个三方插件实现，这边提供文章Flutter Json自动反序列化——json_serializable...以上代码查看 http_main.dart 文件实践一下下不知道小伙还记得前面讲的 BLoC 没有，忘了可以查看 Flutter 状态管理及 BLoC，这里结合 BLoC 和 Dio 实现界面和逻辑分离的小例子...差不多入门的部分就讲到这了，接下来考虑加个实战，总之先等等吧，我找个好的题材接口来写。...，实现 BLoC 模式，实现状态管理：flutter_weather(https://github.com/kukyxs/flutter_weather) 一个课程(当时买了想看下代码规范的，代码更新会比较慢...) 如果对你有帮助的话，记得给个 Star，先谢过，你的认可就是支持我继续写下去的动力~

1.3K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭