开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Flutter BLoC: build()方法中的Navigator.pop in StreamBuilder

Flutter BLoC是一种在Flutter应用程序中实现业务逻辑和状态管理的架构模式。它将应用程序分为三个主要部分：视图（UI），业务逻辑（BLoC）和数据层（Repository）。在Flutter BLoC中，build()方法是用于构建UI的方法，而Navigator.pop()是在StreamBuilder中使用的一种导航方法。

在Flutter中，build()方法是Widget的一个重要方法，用于构建UI并返回一个Widget。在Flutter BLoC中，build()方法通常用于根据BLoC的状态来构建UI。它接收一个BuildContext对象作为参数，并返回一个Widget。在build()方法中，可以使用StreamBuilder来监听BLoC中的流，并根据流的数据来构建UI。

Navigator.pop()是Flutter中的一个导航方法，用于从当前页面返回到上一个页面。它会将当前页面从导航栈中弹出，并返回到上一个页面。在StreamBuilder中使用Navigator.pop()可以实现在特定条件下导航到其他页面。

总结：

Flutter BLoC是一种用于管理Flutter应用程序业务逻辑和状态的架构模式。
build()方法是用于构建UI的方法，在Flutter BLoC中通常用于根据BLoC的状态来构建UI。
Navigator.pop()是Flutter中的导航方法，用于从当前页面返回到上一个页面。
在StreamBuilder中使用Navigator.pop()可以实现在特定条件下导航到其他页面。

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

腾讯云官网：https://cloud.tencent.com/
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
腾讯云云原生容器服务：https://cloud.tencent.com/product/tke
腾讯云CDN加速：https://cloud.tencent.com/product/cdn
腾讯云人工智能：https://cloud.tencent.com/product/ai
腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
腾讯云移动开发：https://cloud.tencent.com/product/mobile
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc

相关搜索:Flutter BLoC中的复制对象错误 Flutter BLoC类中的BuildContext Flutter build appbundle错误找不到参数的方法androidExtensions()Flutter with Bloc中的刷新对话框 flutter: navigator.pop()在我的代码中不能正常工作 Flutter:将firestore快照转换为streambuilder中的列表 flutter_bloc中BlocSelector的用途是什么 Flutter_bloc包中的FutureBuilder和快照 Flutter中的嵌套streambuilder和快照 flutter有没有一种实现BLoC的正确方法？

相关搜索:

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

有帮助

没帮助

相关·内容

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

通过Dart提供的Stream机制，Flutter可以很轻松的构建响应式的编程方式，同时也让跨页面、跨Widget的数据管理问题迎刃而解。 Flutter的响应式编程，具有下面几个特点。...私有的model和StreamController 公开的get方法返回Stream 公开的业务处理函数 dispose函数创建BLoC管理类 BLoC管理类是一个通用的处理类，借助StatefulWidget...在UI层中，需要做的就是通过StreamBuilder来解析要监听的数据，StreamBuilder的builder函数是一个AsyncWidgetBuilder，它能够异步构建widget，其参数AsyncSnapshot...BLoC流的单播与广播 Flutter中的Stream分为两种，单播与多播，默认情况下创建的是单播Stream，这样的话，只能有一个StreamBuilder来监听，如果存在多个StreamBuilder...举个例子，比如在第一个界面在流中添加了一些数据，再打开第二个界面的时候，创建StreamBuilder之后，是无法直接获取流的最新数据的，因为这时候流中的的数据在StreamBuilder监听之前就已经结束了

1.6K3 0

Flutter ——状态管理 | StreamBuild

构造器 child: StreamBuilder( // 监听Stream，每次值改变的时候，更新Text中的内容 stream: _streamController.stream...这是我司的一张UI。 [UI.png] 要求点击“关注”变为“已关注” 如何去实现的？实现的方法有好多种。...2.方法二使用状态管理bloc,如果使用了bloc,streamBuild中的stream 就因该传bloc的数据，如果我其它地方使用也使用了这个item,那么这个stream就应该传...bloc,此时streamBuild中的stream 类型就不匹配了，这个item 就无法复用了，所以我放弃使用bloc等状态管理 3.为何item 最外层使用StatefulWidget...bloc+streamBuild,此时的stream是bloc里的，不需要在dispose()方法中去关流，这样就可以放弃使用StatefulWidget了。

2.7K3 1

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

的使用详情 | StreamBuilder组件的结合使用 | StreamBuilder 实现的倒计时进度圆圈 EventBus (不考虑使用) Bloc BLoC 异步通信、BlocBuilder...在Flutter项目开发中，一般的项目中，会有网络请求的代码与Widget构建的UI界面写一起，随着业务的不断积累，代码量也越来越大，维护的复杂度也会随着增加。...、事件、消费组合在一起，在本文章第四小节有详细概述，代码如下： ///flutter应用程序中的入口函数 void main() => runApp(BlocMainApp()); ///应用的根布局...定义的 Bloc 角色，代码如下： import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:intl/intl.dart'; /...可以通过BlocProvider.of (context)向其子级提供bloc，如上述的 add 方法发送事件 BlocProvider.of(context).add

3.2K1 1

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

在所有响应式编程中，状态管理一直老生常谈的话题，而在 Flutter 中，目前主流的有 scope_model 、BloC 设计模式、flutter_redux 、fish_redux 等四种设计...首先我们知道 context 只是接口，而在 Flutter 中 context 的实现是 Element ，在 Element 的 inheritFromWidgetOfExactType 方法实现里...二、BloC BloC 全称 Business Logic Component ，它属于一种设计模式，在 Flutter 中它主要是通过 Stream 与 SteamBuilder 来实现设计的，所以...BloC 实现起来也相对简单，关于 Stream 与 SteamBuilder 的实现原理可以查看前篇，这里主要展示如何完成一个简单的 BloC 。...利用 StreamBuilder 加载监听 Stream 数据流，通过 snapShot 中的 data 更新控件。

1.9K2 0

flutter中使用BloC模式

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

17.4K8 2

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

setState 加载状态可以经过以下流程，添加到刚刚的实现中：将我们的 widget 转化为 StatefulWidget 定义一个局部 state 变量将该 state 放进 build 方法中...BLoC 加载状态可以由 BLoC 中，stream 的值表示。...通过静态 create 方法中的 Provider / Consumer，让 SignInBloc 可以访问我们的 widget。...在 _signInAnonymously 方法中，通过调用 bloc.setIsLoading(value) 来更新 stream。...这是 Flutter SDK 中 ValueNotifier 的实现： /// A [ChangeNotifier] that holds a single value. /// /// When [value

4.4K0 0

优雅的UI与Model绑定 Flutter DataBus使用~

Flutter开发中，大家都绕不开Widget的刷新，setState()是最简单的用法。...但随着当app的交互变得复杂，setState出现的次数便会显著增加，每次setState都会重新调用build方法，这势必对于性能以及代码的可阅读性带来一定的影响。...如何优雅的解决这个问题，不得不提到StreamBuilder,StreamBuilder是Flutter中异步构建的核心组件。许多著名的开源框架例如Bloc皆是基于此实现。...其实Flutter中还提供了一个强大组件SteamBuilder来协助我们处理控件的刷新构建。 ---- StreamBuilder ? ?...而且由于MultDataLine是mixin定义，所以我们可以在任意的类中混入使用方法。例如直接在Widget中混入改类，调用getLine方法获取到StreamBuilder。

2.4K4 1

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

Bloc框架做了一些让我非常疑惑的操作，_startListening方法中的回调中调用了 e.markNeedsNotifyDependents() ，完全没用！...使用这边介绍下使用，对官方的用法做了一些调整调整心路的历程，可参照：flutter_bloc使用解析---骚年，你还在手搭bloc吗！...我们在 BlocProvider中传入的XxxBloc对象，赋值给了_BlocBuilderBaseState中的 _bloc变量 BlocBuilderBase抽象了一个build方法，在 _BlocBuilderBaseState...类中，实例了Stream流对象，来做Event的事件触发机制添加Event事件时，会触发 _bindEventsToStates() 方法中的listener回调 _bindEventsToStates...] 相关地址文章中Demo的Github地址：flutter_use Web效果：https://cnad666.github.io/flutter_use/web/index.html 如果相关功能按钮没看到

2.3K4 1

Flutter响应式编程：Streams和BLoC

如何基于由Stream提供的数据构建Widget？ Flutter提供了一个非常方便的StatefulWidget，称为StreamBuilder。...第四，减少“build”的数量不使用setState()而是使用StreamBuilder大大减少了“build”的数量。从性能角度来看，这是一个巨大的进步。...Flutter无法实例化泛型类型不幸的是，Flutter无法实例化泛型类型，我们必须将BLoC的实例传递给BlocProvider。...为了在每个BLoC中强制执行dispose()方法，所有BLoC都必须实现BlocBase接口。...Egan 结论很长的文章，但还有更多的话要说，因为对我而言，这是展开Flutter应用程序的方法。

4.1K9 0

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

UI层的控件可以自由调用由BLoC或Service定义的同步或异步方法，并可以通过StreamBuilder对流进行订阅。...因此，在WABS中，我使用了一种名为 Async BLoC 的BLoC变体。它和BLoC一样，我们有可以订阅的输出流；但是，BLoC输入可以包括同步接收器、异步方法甚至共同的两者。...数据层/BLoC中的行为 1.BLoC应该是纯Dart的——没有UI代码，没有导入Flutter相关类和文件，也没有在BLoC中使用BuildContext。...所有的魔法都发生在signInWithGoogle()方法中。...(); } void build(BuildContext context) { return StreamBuilder( stream: isLoadingStream

16K2 0

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

child: Text('Hello World'), ), ), ); } } Dart 类 build 方法返回的便是 Widget，在 Flutter 中一切都是...中直接使用了和 React 中同名的setState方法，不过不会有变量合并的东西，当然也有生命周期。...BlOC BlOC是 Flutter team 提出建议的另一种更高级的数据组织方式，也是我最中意的方式。...简单来说：BlOC= InheritedWidget + RxDart(Stream) Dart 语言中内置了 Steam，Stream ~= Observable，配合RxDart, 然后加上StreamBuilder...除去 Bloc，Flutter 中还是可以使用其他的方案，譬如： Flutter Redux 阿里闲鱼的Fish Redux，_据说性能很好_。

1K1 0

【-Flutteru002FDart 语法补遗-】 sync* 和 async* 、yield 和yield* 、async 和 await

它标注在函数{ 之前，其方法必须返回一个 Iterable对象的码为\u{1f47f}。...记住一点yield*后面的表达式是一个Iterable对象比如下面getEmoji方法是核心，现在想要打印每次的时间，使用getEmojiWithTime yield*之后的getEmoji(count...-StreamBuilder Stream在组件层面最常用的就数StreamBuilder,本文只是简单用一下，以后会有专文 StreamBuilder组件使用的核心就是，它接受一个Stream对象,...1)); //模拟耗时 return String.fromCharCodes(first.map((e) => e + count)); } } ---- 题外话: 如果你使用过flutter_bloc...另外本人有一个Flutter微信交流群，欢迎小伙伴加入，共同分享Flutter的知识，期待与你的交流与切磋。

6751 0

写给前端工程师的Flutter教程

('Hello World'), ), ), ); } } Dart 类 build 方法返回的便是 Widget，在 Flutter 中一切都是 Widget，...中直接使用了和 React 中同名的setState方法，不过不会有变量合并的东西，当然也有生命周期。...BlOC BlOC是 Flutter team 提出建议的另一种更高级的数据组织方式，也是我最中意的方式。...简单来说： Bloc = InheritedWidget + RxDart(Stream) Dart 语言中内置了 Steam，Stream ~= Observable，配合RxDart, 然后加上StreamBuilder...所以，Rx 还是要赶紧学起来除去 Bloc，Flutter 中还是可以使用其他的方案，譬如： Flutter Redux 阿里闲鱼的Fish Redux，据说性能很好。

1.8K5 0

【-FlutterDart 语法补遗-】 sync* 和 async* 、yield 和yield* 、async 和 await

它标注在函数{ 之前，其方法必须返回一个 Iterable对象 ? 的码为\u{1f47f}。...记住一点yield*后面的表达式是一个Iterable对象比如下面getEmoji方法是核心，现在想要打印每次的时间，使用getEmojiWithTime yield*之后的getEmoji(...-- 2020-05-20T07:35:27.511723 ---- 四、Stream的使用-StreamBuilder Stream在组件层面最常用的就数StreamBuilder,本文只是简单用一下...，以后会有专文 StreamBuilder组件使用的核心就是，它接受一个Stream对象, 根据builder函数在流元素的不同状态下构建不同的界面。...//模拟耗时 return String.fromCharCodes(first.map((e) => e + count)); } } 复制代码 ---- 题外话: 如果你使用过flutter_bloc

4.8K4 0

Flutter Bloc 官方文档（BlocBuilder翻译）

什么是Bloc，为什么用Flutter Bloc 就不介绍了，直入主题。 ?...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和上下文查找决定。

1.2K1 0

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

flutter_bloc使用将从下图的三个维度说明 [flutter_bloc] 前言首先，有很多的文章在说flutter bloc模式的应用，但是百分之八九十的文章都是在说，使用StreamController...+StreamBuilder搭建bloc，提升性能的会加上InheritedWidget，这些文章看了很多，真正写使用bloc作者开发的flutter_bloc却少之又少。...fish_redux的clone方法 ///也是对官方Flutter Login Tutorial这个demo中copyWith方法的一个优化 ///Flutter Login Tutorial...方法直接被移除了，一运行项目，bloc内部也会给出报错，需要你手动去注册处理器有一说一，虽然是破坏式的改变写法，但是新写法是非常的优雅，彻底改变了以前的mapEventToState方法中的各种判断Event...} view 这地方我们需要创建使用BlocProvider一个SpanTwoCubit，这是使用Bloc的常规流程在自增的点击事件里，我们调用本模块和SpanOneCubit中的自增方法，OK，这里我们就能同步的改变

5K4 1

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

以上代码查看 http_main.dart 文件实践一下下不知道小伙还记得前面讲的 BLoC 没有，忘了可以查看 Flutter 状态管理及 BLoC，这里结合 BLoC 和 Dio 实现界面和逻辑分离的小例子...); return Scaffold( // StreamBuilder 接受更新数据的 stream body: StreamBuilder( builder: (_, AsyncSnapshot...最后代码的地址还是要的：文章中涉及的代码：demos(https://github.com/kukyxs/flutter_arts_demos_app) 基于郭神 cool weather 接口的一个项目...，实现 BLoC 模式，实现状态管理：flutter_weather(https://github.com/kukyxs/flutter_weather) 一个课程(当时买了想看下代码规范的，代码更新会比较慢...，虽然是跟着课上的一些写代码，但是还是做了自己的修改，很多地方看着不舒服，然后就改成自己的实现方式了)：flutter_shop(https://github.com/kukyxs/flutter_shop

1.3K2 0

Flutter 黏贴卡动画效果

我们将看到如何在flutter应用程序中实现使用slimy_card包制作动画的粘纸卡。...可以将任何自定义窗口小部件放置在这两个单独的卡中。属性 slimy_card 包的一些属性： **颜色：**这些属性表示用户添加他们想要的任何颜色。...(), ), ], ); }), ), 在Demo中，添加一个StreamBuilder（）。...在StreamBuilder中，添加一个initialData；SlimyCard支持Streams（BLoC）提供其实时状态。为此，将SlimyCard 包在StreamBuilder中。...我用Flutter的方式解释了SlimyCard Animated的基本结构。

2.1K2 0

Flutter完整开发实战详解(十五、全面理解State与Provider)

这就涉及 Flutter 中 Widget 的实现原理，在之前的篇章我们介绍过，这里我们说两个涉及的概念： Flutter 中的 Widget 在一般情况下，是需要通过 Element 转化为 RenderObject...中，这样 Element 每次调用 Widget build() 时，是通过 state.build(this); 得到的新 Widget ，所以写在 State 的数据就得以复用了。...问题就在于前面 StatefulElement 的构建方法和 update 方法： State 只在 StatefulElement 的构建方法中创建，当我们调用 setState 触发 update...build 方法中使用 InheritedProvider 进行嵌套，实现 value 的共享。...，相信用过 BLoC 模式的同学会感觉很贴心，以前正常用做 BLoC 时，每个 StreamBuilder 的 snapShot 只支持一种类型，多个时要不就是多个状态合并到一个实体，要不就需要多个StreamBuilder

3.5K2 1

Flutter完整开发实战详解(十一、全面深入理解Stream)

一、Stream 由浅入深 Stream 在 Flutter 是属于非常关键的概念，在 Flutter 中，状态管理除了 InheritedWidget 之外，无论 rxdart，Bloc 模式，flutter_redux...，fish_redux 都离不开 Stream 的封装，而事实上 Stream 并不是 Flutter 中特有的，而是 Dart 中自带的逻辑。...); 执行 1 中得到的 _onData 对象，触发 listen 时传入的回调方法。...在 Flutter 中，Dart 中的 Zone 启动是在 _runMainZoned 方法，如下代码所示 _runMainZoned 的 @pragma("vm:entry-point") 注解表示该方式是给...二、StreamBuilder 如下代码所示, 在 Flutter 中通过 StreamBuilder 构建 Widget ，只需提供一个 Stream 实例即可，其中 AsyncSnapshot 对象为数据快照

3.5K4 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭