首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

flutter:如何使用'await for‘等待其他BLoC事件完成

Flutter是一种跨平台的移动应用开发框架,它使用Dart语言进行编写。在Flutter中,BLoC(Business Logic Component)是一种设计模式,用于管理应用程序的状态和业务逻辑。BLoC模式通过将事件和状态分离来提供可预测和可测试的代码结构。

在BLoC模式中,可以使用'await for'关键字来等待其他BLoC事件完成。'await for'语法用于监听一个Stream,并在Stream上等待事件的完成。当使用BLoC模式时,通常会将事件作为输入流传递给BLoC,并将状态作为输出流返回。通过使用'await for',可以等待输入流上的事件完成,然后执行相应的操作。

以下是使用'await for'等待其他BLoC事件完成的示例代码:

代码语言:txt
复制
StreamController<Event> eventController = StreamController<Event>();
StreamController<State> stateController = StreamController<State>();

void main() {
  // 启动BLoC
  startBLoC();
  
  // 发送事件
  eventController.add(Event());
  
  // 等待事件完成
  await for (State state in stateController.stream) {
    // 处理状态
    // ...
  }
}

void startBLoC() {
  eventController.stream.listen((event) {
    // 处理事件
    // ...
    
    // 发送状态
    stateController.add(State());
  });
}

在上面的示例中,我们创建了一个事件控制器(eventController)和一个状态控制器(stateController)。在主函数中,我们启动了BLoC并发送一个事件到事件控制器。然后,使用'await for'等待状态控制器上的状态完成,并在每次状态完成时执行相应的操作。

需要注意的是,'await for'只能在异步函数中使用,因此在上面的示例中,主函数被标记为异步函数(async)。

推荐的腾讯云相关产品和产品介绍链接地址:

  • 腾讯云Flutter开发平台:https://cloud.tencent.com/product/flutter
  • 腾讯云云开发:https://cloud.tencent.com/product/tcb
  • 腾讯云移动推送:https://cloud.tencent.com/product/tpns
  • 腾讯云直播:https://cloud.tencent.com/product/lvb
  • 腾讯云人工智能:https://cloud.tencent.com/product/ai
  • 腾讯云物联网套件:https://cloud.tencent.com/product/iot-suite
  • 腾讯云对象存储:https://cloud.tencent.com/product/cos
  • 腾讯云区块链服务:https://cloud.tencent.com/product/tbaas
  • 腾讯云游戏多媒体引擎:https://cloud.tencent.com/product/gme
  • 腾讯云音视频处理:https://cloud.tencent.com/product/vod
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

关于术语的说明:对于与三方服务的通信的类,其他文章通常使用Repository来表述;甚至对于Repository的定义也随着时间的推移而发展(有关更多信息,请参阅此文章)。...WABS使用简单的异步方法来处理UI事件,而RxVMS使用的是 RxCommand。...RxCommand是抽象处理UI事件和更新UI的库,它删除了使用BLoC创建StreamController/Stream对所需的样板代码。...使用Stream时,需要考虑以下因素: 流的连接状态是什么(没有,等待,活跃,完成)? 流是被单次还是多次订阅?...无论如何,我发现BLoCs在使用Firestore构建app时效果非常明显,其中数据通过流从后端流入app。 在这种情况下,通常将流进行组合或使用RxDart对其执行转换,BLoC很擅长这个。

16.1K20

初学者的 Flutter bloc

Flutter Bloc 很容易使用,因为我们和我们团队可以很快明白相关的概念,不管你是什么水平,该库有非常好的文档和很多的案例,它在 Flutter 社区中是广泛使用的那个,所以我们如果有任何问题,我们都可以在网络上通过简单的搜索找到对应的解决方案...当我们使用 Flutter Bloc,我们要在应用中创建事件触发交互,然后 Bloc 会发射 emit 请求数据,存在在 state 中,在真实的场景中,它会像这样: 用户点击按钮来获取游戏列表 事件被触发...完美,现在,我们知道主要的概念,了解了 Flutter Bloc 是怎么工作!现在,是时候知道怎么去使用它。...为了使用它,我们需要创建一个 API Key。 本文我们不会介绍存储库和服务部分,但是如果你感兴趣,可以参考文本的代码。 下面是我完成的应用效果。 该首页有不同的部分,我们看下。...我们使用一个 BlocSelector 来控制这情形,当用户点击其中一个分类,事件将会被触发并且 bloc 将发射一个选中分类的 id 状态 isSelected,所以在 bloc selector 中

15510
  • Flutter 状态管理】第一论: 对状态管理的看法与理解

    flutter_bloc 只是 状态管理 的工具之一,而其他的工具,也不会脱离这个核心。 四、官方案例 - github_search 解读 1....案例介绍:源码位置 为了让大家对 flutter_bloc 在逻辑分层上有更深的认识,这里选取了 flutter_bloc 官方的一个案例进行解读。...当一个部门的进行拓展升级,也能尽可能不波及其他部门。 repository 层也是通用的,不管是 Bloc 也好、Provider 也好,都只是管理的一种手段。...因为界面只关心数据本身,并不关心数据如何缓存、如何获取。 3. bloc 层 首先来看事件,整个搜索功能只有一个事件:文字输入时的TextChanged,事件触发时需要附带搜索的信息字符串。...onChanged: (text) { _githubSearchBloc.add(TextChanged(text: text)); }, 这样一个简单的搜索需求就完成了,flutter_bloc

    1.5K20

    Flutter ——状态管理 | StreamBuild

    如果你需要对输出数据进行处理,可以使用StreamTransformer,它可以对输出数据进行过滤、重组、修改、将数据注入其他流等等任何类型的数据操作。...刚刚介绍了stream的如何使用,是不是感觉还是懵的状态,实例代码仅仅是实例,如何应用到项目中呢?我们的项目不仅仅是一个简单的计数器,接下来我将结合项目,简单讲述一下如何使用streamBuild。...1.这个item是StatefulWidget,点击“关注”,然后setstate(){} 2.使用其他的状态管理去实现。...2.方法二使用状态管理bloc,如果使用bloc,streamBuild中的stream 就因该传bloc的数据,如果我其它地方使用使用了这个item,那么这个stream就应该传...bloc,此时streamBuild中的stream 类型就不匹配了,这个item 就无法复用了,所以我放弃使用bloc等状态管理 3.为何item 最外层使用StatefulWidget

    3K31

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

    看下如何实现: _dioRequest() async { BaseOptions options = BaseOptions(connectTimeout: 5000, receiveTimeout...则通过头部进行添加 // opt.headers['authorization'] = 'token'; // 在官网中,提供了 lock 和 unlock 的写法,被 lock 后,接下来的请求会进入队列等待...: (resp) { // 返回响应体后,将 info 字段的内容切除,并将 json 拼接完成 resp.data = '${'${resp.data}'.split(', info').first...以上代码查看 http_main.dart 文件 实践一下下 不知道小伙还记得前面讲的 BLoC 没有,忘了可以查看 Flutter 状态管理及 BLoC,这里结合 BLoC 和 Dio 实现界面和逻辑分离的小例子...,实现 BLoC 模式,实现状态管理:flutter_weather(https://github.com/kukyxs/flutter_weather) 一个课程(当时买了想看下代码规范的,代码更新会比较慢

    1.4K20

    Flutter】348- 写给前端工程师的 Flutter 教程

    1. lsolate Dart 运行在独立隔离的 iSolate 中就类似 JavaScript 一样,单线程事件驱动,但是 Dart 也开放了创建其他 isolate,充分利用 CPU 的多和能力。...BlOC BlOCFlutter team 提出建议的另一种更高级的数据组织方式,也是我最中意的方式。...除去 BlocFlutter 中还是可以使用其他的方案,譬如: Flutter Redux 阿里闲鱼的Fish Redux,_据说性能很好_。...Mobx …… 展开来说现在的前端开发使用强大的框架页面组装已经不是难点了。开发的难点在于如何组合富交互所需的数据,也就是上面图中的state部分。...和 ReactNative 类似,Flutter 也是使用类似事件的机制来使用平台相关能力。

    1.1K10

    写给前端工程师的Flutter教程

    lsolate Dart 运行在独立隔离的 iSolate 中就类似 JavaScript 一样,单线程事件驱动,但是 Dart 也开放了创建其他 isolate,充分利用 CPU 的多和能力。...BlOC BlOCFlutter team 提出建议的另一种更高级的数据组织方式,也是我最中意的方式。...所以,Rx 还是要赶紧学起来 除去 BlocFlutter 中还是可以使用其他的方案,譬如: Flutter Redux 阿里闲鱼的Fish Redux,据说性能很好。...Mobx …… 展开来说现在的前端开发使用强大的框架页面组装已经不是难点了。开发的难点在于如何组合富交互所需的数据,也就是上面图中的state部分。...和 ReactNative 类似,Flutter 也是使用类似事件的机制来使用平台相关能力。

    1.8K50

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

    用过Bloc的靓仔们,肯定能感受到,Bloc框架对开发页面,做了很清晰划分,框架强行定了俩种开发模式 Bloc模式:该模式划分四层结构 bloc:逻辑层 state:数据层 event:所有的交互事件...使用 这边介绍下使用,对官方的用法做了一些调整 调整心路的历程,可参照:flutter_bloc使用解析---骚年,你还在手搭bloc吗!...这里就不重复写怎么使用了,使用明细可参照:flutter_bloc使用解析---骚年,你还在手搭bloc吗!...cancel(); super.dispose(); } } 来看下效果图:详细的使用代码,请查看:flutter_use [builder] Event机制 如果使用Bloc模式开发,会多出一个...Provider,Bloc,GetX这三个框架,我都写了相应插件,如果你选择的状态管理框架是这个三者中任意一个,相信这些插件,都能帮你完成一些重复的工作量 [image-20210614225646560

    2.4K41

    flutter_bloc使用解析---骚年,你还在手搭bloc吗!

    flutter_bloc使用将从下图的三个维度说明 [flutter_bloc] 前言 首先,有很多的文章在说flutter bloc模式的应用,但是百分之八九十的文章都是在说,使用StreamController...没办法,只能去bloc的github上去找使用方式,最后去bloc官网翻文档。 蛋痛,各位叼毛,就不能好好说说flutter_bloc使用吗?非要各种抄bloc模式提出作者的那俩篇文章。...[表情1] 项目效果(建议PC浏览器打开) Bloc范例效果 Cubit范例效果 问题 初次使用flutter_bloc框架,可能会有几个疑问 state里面定义了太多变量,某个事件只需要更新其中一个变量...,使用BlocProvider.of(context)调用全局XxxBloc中事件,这就起到了一种跨页面调用事件的效果 使用全局Bloc做跨页面事件时,应该明白,当你关闭Bloc对应的页面...BlocConsumer仅应在需要重建UI和执行其他对状态更改进行响应的情况下使用cubit。

    5.4K41

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

    此示例 app 展示了如何使用各种状态管理方案处理加载状态。 主要导航 登录页面的主要导航是通过一个小部件实现的,该小部件使用 Drawer 菜单在不同选项中进行选择。...null : () => _signInAnonymously(), ), ); } } 复制代码 重要提示:请注意我们如何使用 finally 闭包。...作为 BloC 的替代方案,我们可以使用 BehaviorSubject 来跟踪加载状态,并根据需要进行更新。 我会通过 GitHub 项目 来展示具体如何实现。...Flutter & Firebase Udemy 课程中有深入介绍。...这可以通过此链接进行了解(点这个链接有折扣哦): Flutter & Firebase: Build a Complete App for iOS & Android 祝你代码敲得开心!

    4.6K00

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

    使用 BLoC 的优点 ✅ 针对不同场景都有很出色的文档 ✅ 从 UI 中分离业务逻辑,因此使得代码更容易理解 ✅ 使得产品更易测试 ✅ 容易跟踪应用程序经历的状态 使用 BLoC 的缺点 ✅ 其学习曲线有点陡峭...✅ 简单应用不推荐使用 ✅ 有更多标准化代码,但可以通过扩展解决 Flutter BLoC 教程目标 我们将构建相关简单的应用,来演示 BLoC 如何使用流来管理状态,并为 bloc 编写一些测试。...✅ Events:事件就是应用程序的输入(比如点击鼠标加载文件,文本输入,或者应用程序希望接受到的其他用户输入值) ✅ States:状态就是应用程序的状态,会根据事件收到的响应而更改 BLoC 管理着事件...提供我们的 BLoC import 'package:flutter/material.dart'; import 'package:flutter_bloc/flutter_bloc.dart'; import...总结 希望该教程对你开始学习使用 BLoC 模式管理状态有所帮助。

    84710

    Flutter&Flame 游戏 - 贰陆】pinball 源码分析 - 游戏主页

    如果你在其他平台看到本文,可以根据对于链接移步到掘金中查看。因为文章可能会更新、修正,一切以掘金文章版本为准。...体系 【Flutter&Flame 游戏 - 贰拾】构件特效 | 其他 EffectControler 【Flutter&Flame 游戏 - 贰壹】视差组件 | ParallaxComponent...当加载完成之后,就会进入到如下的主菜单界面,有个大大的 Play 按钮。 可以看到此时两个吉祥物是在运动的,而且背景中也会显示排行榜的信息。...---- 另外可以 注意到,这里使用了两个 Bloc 中的数据: StartGameBloc 和 GameBloc 来获取当前游戏状态。...下一篇我们将继续分析 pinall 的源码,看一下如何选择角色、如何弹出 how to play 的信息面板。

    78620

    flutter使用BloC模式

    3、不能更好的重用业务逻辑代码,体现在,如果网络请求的逻辑有所变动的话,加入这个业务功能被两个端(web、flutter使用的话,是需要改动两个地方的。...如何BloC模式 上图是描述的是,组件的一些基本行为,【展示数据】,【发送事件】。...在flutter中,实现BloC模式的精髓就是, 展示的数据从BloC中来,具体到了stream上,有了stream的到来,就可以使用StreamBuilder来构建ui了。...2、用于不用BloC,要基于业务场景来考虑,个人觉得,对于多个UI共享一份数据的例子,就非常使用BloC模式,比如订单相关的页,购物车等等,因为订单状态的扭转,购物车物品同步,用户发送的事件相当多,这种如果使用...2、如果让我选择,我更加倾向于直接使用Bloc,最少的代码完成需求,比起引入一个库,话费的代价要少。 初学者的疑问 1、想bloc发送事件一定需要通过另外一个streamController么?

    17.5K82

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

    | StreamBuilder组件的结合使用 | StreamBuilder 实现的倒计时进度圆圈 EventBus (不考虑使用) Bloc BLoC 异步通信、BlocBuilder的基本使用...[在这里插入图片描述] 使用BloC模式,Flutter项目应用里的所有组件都在一个事件流,其中一部分组件可以订阅事件,另一部分组件则消费事件 [在这里插入图片描述] *** 2 BloC 的基本使用...BloC是一种架构模式也是一种编程思想,在Flutter使用BloC时,首先要引入bloc库 dependencies: flutter_bloc: ^6.0.6 然后将依赖库拉取到本地 flutter...在这里使用Bloc模式开发一个时间计时器 运行效果如下图所示: [在这里插入图片描述] 首先来看程序入口,在这里使用到了 BlocProvider ,BlocProvider相当于一个组合者,它将 Bloc...定义的 Bloc 角色,代码如下: import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:intl/intl.dart'; /

    3.3K11

    Flutter响应式编程:Streams和BLoC

    如何基于由Stream提供的数据构建Widget? Flutter提供了一个非常方便的StatefulWidget,称为StreamBuilder。...[image.png] Widgets通过Sinks向BLoC发送事件BLoC通过Stream通知Widgets, 由BLoC实现的业务逻辑不是他们关注的问题。...该示例还显示了如何检索两个bloc。 为什么不使用InheritedWidget? 在与BLoC相关的大多数文章中,你会看到通过InheritedWidget实现Provider。...Flutter无法实例化泛型类型 不幸的是,Flutter无法实例化泛型类型,我们必须将BLoC的实例传递给BlocProvider。...不同BLoCs / Streams的编排 下图显示了如何使用主要3个BLoC: 在BLoC的左侧,哪些组件调用Sink 在右侧,哪些组件监听流 例如,当MovieDetailsWidget调用inAddFavorite

    4.2K90

    主题色切换+国际化 三连

    ---- 三、BLoC实现主题切换和国际化:flutter_bloc: ^0.22.1 如果是redux是中央集权,地方分权,那么BloC就是完全的自由民主。...一个BloC也有三大件:Bloc 业务逻辑单元、State状态、Events事件 ? ---- 1.主题色的BloC 状态类 可以根据自己的爱好写出自己的风格。下面是我比较喜欢的风格。...将状态量放在抽象类中,其他状态去继承他来实现状态的分化。只要你想,也可以加一些常用状态。...定义Bloc可执行的事件,比如这里直接传两参切换和重置状态 @immutable abstract class ThemeEvent {} class EventSwitchTheme extends...,生成EnLocaleState yield EnLocaleState(); } } } ---- 3.Bloc使用 用起来都极为相似,外层使用:MultiBlocProvider

    3.4K20

    一天搞定:Flutter + ChatGPT,打造智能聊天机器人

    引言:本文将介绍如何使用Flutter开发一个支持多语言和主题设置的聊天应用,并结合ChatGPT实现智能聊天功能。...废话不多说,本项目直接使用开源flutter模版一分钟初始化,并且在一天内实现了第一个可供使用的版本,项目中提供macOS版本下载,其他版版本可以自行 flutter build xxx 的方式打包。...二、实现为了实现一个适配移动端与桌面端的聊天应用,我们将使用Flutter框架完成,其中包括聊天界面和聊天逻辑的实现、全局数据管理和多语言、主题设置的支持,以及与ChatGPT进行对话的实现。...dart 的 stream API 来处理5、但是更好的方式是,使用flutter_bloc ,这样,我们可以将界面UI 和 逻辑部分做到很好的隔离,方便维护全局数据管理Flutter应用中可以使用Flutter_bloc...在Flutter应用中,我们可以使用HTTP请求向ChatGPT发送请求,所有的逻辑全部都在flutter_bloc 封装的 逻辑中完成,当然这里用到了 flutter pub 上别人提供的 dart

    5.7K71

    一个会做饭的程序员如何每天给女朋友带不同的便当?

    就在这时,Flutter 来了,它带着耀眼的光芒和风骚的话语:来啊!上我啊! 这™不上还是男人? APP 展示 APP基本上一个整天就开发完成了,后续进行了一系列的需求调整,先来看图: ? ? ?...BLoC模式 所以我决定使用 BLoC 模式,因为不需要在其他页面使用,所以就定义了一个局部的: class RandomMenuBLoC { StreamController _meatController...UI使用如下: StreamBuilder( stream: _bLoC.greenStream, initialData: "选个菜吧", builder: (context, snapshot...该功能有如下三个小点: 1.如何保存截图2.显示截图3.保存截图到手机 如何保存截图 首先说如何保存截图,关于该功能,我也是网上查找资料所得, 地址为:FengY - Flutter学习 ---- 屏幕截图和高斯模糊...该功能其实也有几个需要注意的点: 1.如何展示素菜和荤菜2.如何实时更新已经使用过/新增的菜? 如何展示素菜和荤菜 这里我选用的是 ExpansionPanelList,用它来实现最合适不过。

    1.1K50
    领券