开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如果状态没有变化，在关闭后的第二次单击submit按钮时，Flutter bloc不会触发加载屏幕

Flutter bloc是一种用于状态管理的库，它可以帮助开发者在Flutter应用中有效地管理和共享状态。在使用Flutter bloc时，如果状态没有变化，在关闭后的第二次单击submit按钮时，Flutter bloc不会触发加载屏幕。

Flutter bloc的核心概念是将应用程序的状态分离出来，并使用事件和状态来管理状态的变化。它由三个主要组件组成：Bloc、Event和State。

Bloc：Bloc是一个抽象类，用于处理事件并根据事件的类型和当前状态来生成新的状态。开发者需要继承Bloc类并实现mapEventToState方法来定义状态的转换逻辑。
Event：Event是一个抽象类，用于表示应用程序中可能发生的事件。开发者需要继承Event类并定义具体的事件类型。
State：State是一个抽象类，用于表示应用程序的状态。开发者需要继承State类并定义具体的状态类型。

在上述问答内容中，如果状态没有变化，在关闭后的第二次单击submit按钮时，意味着没有新的事件被触发，因此Flutter bloc不会执行新的状态转换。这是因为Flutter bloc只会在接收到新的事件时才会执行状态转换逻辑。

推荐的腾讯云相关产品：腾讯云函数（Serverless云函数计算服务），腾讯云数据库（云原生数据库服务），腾讯云CDN（内容分发网络服务）。

腾讯云函数是一种无服务器计算服务，可以帮助开发者在云端运行代码而无需关心服务器的管理和维护。它具有高可用性、弹性伸缩和按需付费等优势。腾讯云函数适用于处理后端逻辑、数据处理、定时任务等场景。

腾讯云数据库是一种云原生数据库服务，提供了多种数据库引擎（如MySQL、Redis、MongoDB等）和存储类型（如关系型数据库、文档数据库等）供开发者选择。腾讯云数据库具有高可用性、弹性伸缩和自动备份等特点，适用于各种应用程序的数据存储需求。

腾讯云CDN是一种内容分发网络服务，可以帮助开发者将静态资源（如图片、视频、文件等）缓存到全球各地的节点上，提供快速的访问速度和稳定的服务质量。腾讯云CDN适用于网站加速、视频点播、移动应用程序等场景。

更多关于腾讯云函数、腾讯云数据库和腾讯云CDN的详细信息，请访问以下链接：

腾讯云函数：https://cloud.tencent.com/product/scf
腾讯云数据库：https://cloud.tencent.com/product/cdb
腾讯云CDN：https://cloud.tencent.com/product/cdn

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

有帮助

没帮助

相关·内容

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

模式的优缺点在我们进入 flutter bloc 教程之前，我们说说 bloc 设计模式的优缺点。...✅ Events：事件就是应用程序的输入（比如点击鼠标加载文件，文本输入，或者应用程序希望接受到的其他用户输入值） ✅ States：状态就是应用程序的状态，会根据事件收到的响应而更改 BLoC 管理着事件...class ChangeTextEvent extends AppBlocEvent { const ChangeTextEvent();} 上面我们创建了一个 ChangeTextEvent，当按钮被点击后触发...✅ AppState.empty 就是当应用程序初始加载时的初始状态 ✅ Equatable（获取属性）用于比较状态。...：所有事情发生的地方。 ✅ 它有一个 listener 的属性，用来监听状态的更改，并且能以特定方式对特定状态及其变化作出反应。 ✅ builder：职责是构建 UI，并且当状态更改时会重建。

8541 0

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

选择角色介绍上一篇介绍了主界面布局结构的源码实现，本篇继续来看。在点击 Play 按钮之后，背景的游戏界面会有一个移动和缩放的特效，让游戏主题面板填充屏幕。...---- 3.角色选择的视图变化如下，在 _Character 组件点击时，是唯一触发 characterSelected 的场景。...所以关键就是该方法的触发时机： ---- 在 StartGameListener 中，会监听 StartGameState 状态的变化，如果是 howToPlay 状态，则会触发 _onHowToPlay...从这里可以看出 Bloc 处理可以根据状态来构建组件，也可以监听状态的变化，进行逻辑处理。...---- 本文介绍了 pinball 游戏的角色选择和玩法介绍两个模块。从中可以看出 bloc 在状态数据共享，以及状态变化监听中的价值。

9764 0

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

拿我们最熟悉的计数器而言，点击按钮，修改状态信息，重新构建后，实现界面上数字变化的效果。二、为什么需要管理说到管理一词，你觉得什么情况下需要管理？是复杂，只有复杂才有管理的必要。...但FloatingActionButton 组件继承自 StatelessWidget，也就是说它并没有改变自身状态的能力。那点击时，为什么状态会发生变化呢？...2.通过 flutter_bloc 实现状态管理: 源码位置我们前面说过，状态管理的目的在于：让状态可以共享及在更新状态时可以同步更新相关组件显示，且将状态变化逻辑和界面构建进行分离。...通过这种方式，编程者可以将状态变化逻辑集中在 Bloc 中处理。当事件触发时，通过发送 Event 指令，让 Bloc 驱动 State 进行变化。...flutter_bloc 只是状态管理的工具之一，而其他的工具，也不会脱离这个核心。四、官方案例 - github_search 解读 1.

1.5K2 0

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

显式状态管理的示例是 Flutter 计数器，当增量按钮被按下时，程序通过 setState() 对计数器进行值的递增。...数据层/BLoC中的行为 1.BLoC应该是纯Dart的——没有UI代码，没有导入Flutter相关类和文件，也没有在BLoC中使用BuildContext。...以下是我用Flutter和Firebase实现的身份验证流程的示例： [image] 观察到的结果：当触发了登录事件，我们禁用了所有按钮并显示CircularProgressIndicator，我们将加载状态设置为...登录成功或失败后，我们重新启用所有按钮并恢复标题的内容，我们通过设置loading=false达到该效果。登录失败时，我们会弹出一个警示的对话框。...结论本文是对WABS的深入介绍，WABS是我在多个项目中使用了一段时间后探索得出的架构模式。说实话，随着时间的推移我一直在改进它，在我写这篇文章之前它都还没有名字。

16.1K2 0

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

---- 界面显示如下，在游戏结束后，点击左上角按钮，会弹信息框对该项目进行介绍：提示框对应的组件，可以详见源码在的 MoreInformationDialog ,这和游戏本身关系不大，就不赘述了。...在点击时，通过 StartGameBloc 触发 PlayTapped 事件来通知游戏开始。 ---- 其中 ReplayButtonOverlay 结束游戏中的 Replay 按钮。...在点击时，通过 GameBloc 触发 GameStarted 来重置游戏状态；通过 StartGameBloc 触发 PlayTapped 事件来通知游戏开始。...---- 最后是 MobileControls，可以看出只有在移动端，才会添加这个浮层。原因也很简单，因为移动端一般不会外接键盘，所以通过 MobileControls 来模拟按键，触发事件。...和 GameBloc 两个维护游戏状态的Bloc 。

7862 0

【Flutter&Flame 游戏 - 贰肆】pinball 源码分析 - 项目结构介绍.md

加载界面在哪里 pinball 在游戏开始时，会显示资源加载的界面，是一个加载的进度条，如下所示。那问题来了，如何定位这个界面在源码中的位置。...---- 最后，是加载页最核心的业务逻辑，该项目是通过 flutter_bloc 来进行状态管理的。...如下，在 lib/assets_manager 文件夹中管理着资源加载的 bloc 业务逻辑和 views 视图：下面我们就进入 AssetsManagerCubit ，来看一下资源是如何加载的，以及进度状态的产出...---- 然后通过 _triggerLoad 局部函数对象，分三波依次触发这些异步任务。每次异步任务完成时，都会产出新的状态，让已加载的资源数加一。...---- 这样状态数据中的进度值 progress 就会变化，整个加载的小体系就得以运转，从业务逻辑到视图更新展示，可以体会一下，bloc 在其中的角色，品味一下状态管理的价值。

7881 0

【Flutter&Flame 游戏 - 贰伍】pinball 源码分析 - 资源加载与 Loading

加载界面在哪里 pinball 在游戏开始时，会显示资源加载的界面，是一个加载的进度条，如下所示。那问题来了，如何定位这个界面在源码中的位置。...---- 最后，是加载页最核心的业务逻辑，该项目是通过 flutter_bloc 来进行状态管理的。...如下，在 lib/assets_manager 文件夹中管理着资源加载的 bloc 业务逻辑和 views 视图：下面我们就进入 AssetsManagerCubit ，来看一下资源是如何加载的，以及进度状态的产出...---- 然后通过 _triggerLoad 局部函数对象，分三波依次触发这些异步任务。每次异步任务完成时，都会产出新的状态，让已加载的资源数加一。...---- 这样状态数据中的进度值 progress 就会变化，整个加载的小体系就得以运转，从业务逻辑到视图更新展示，可以体会一下，bloc 在其中的角色，品味一下状态管理的价值。

7991 0

Flutter ——状态管理 | StreamBuild

单订阅Stream只允许在该Stream的整个生命周期内使用单个监听器，即使第一个subscription被取消了，你也没法在这个流上监听到第二次事件；而广播Stream允许任意个数的subscription...2.方法二使用状态管理bloc,如果使用了bloc,streamBuild中的stream 就因该传bloc的数据，如果我其它地方使用也使用了这个item,那么这个stream就应该传...bloc,此时streamBuild中的stream 类型就不匹配了，这个item 就无法复用了，所以我放弃使用bloc等状态管理 3.为何item 最外层使用StatefulWidget...，单独一个bloc去管理，我觉得为了一个按钮的改变，去做很多操作，有点不值得了。...6. bloc结合streamBuild 实现状态管理会在下一篇内容中讲解。

3K3 1

初学者的 Flutter bloc

我们怎么开始 Flutter Bloc? 首先，我们应该通过官方文档，阅读相关的基础内容，在本文中，我们尝试解析这些基础点，如果需要深入了解，推荐去看官方文档。它是怎么工作的？...当我们使用 Flutter Bloc，我们要在应用中创建事件触发交互，然后 Bloc 会发射 emit 请求数据，存在在 state 中，在真实的场景中，它会像这样：用户点击按钮来获取游戏列表事件被触发...我们了解这些后，下面可以应用到案例中在真实项目中使用 Flutter Bloc 在这个项目中，我们将从 games API 消费数据，获取关于游戏的信息并在页面中展示出来。...这个挂件只有在它的 bloc 发射成功一个状态后才展示出来，它有三个状态：成功：展示游戏列表错误：展示一个错误信息加载：展示一个 CircularProgressIndicator 挂件项目结构...我们使用一个 BlocSelector 来控制这情形，当用户点击其中一个分类，事件将会被触发并且 bloc 将发射一个选中分类的 id 状态 isSelected，所以在 bloc selector 中

1561 0

Flutter响应式编程：Streams和BLoC

换句话说，从事件（例如，点击），变量的变化，消息，......到构建请求，可能改变或发生的所有事物的所有内容将被传送，由数据流触发。...此页面现在仅负责：显示计数器，现在只在必要时刷新（即使页面不必知道）提供按钮，当按钮按下时，将会在counter面板上请求一个动作此外，整个业务逻辑集中在一个单独的类“IncrementBloc”...当然，这是非常可取的。建议如下：（如果有任何业务逻辑）每个页面的顶部有一个BLoC，为什么不是ApplicationBloc来处理应用程序状态？每个“足够复杂的组件”都有相应的BLoC。...但是，如果您只打算开发一个Flutter应用程序，那么根据我的谦逊经验，这有点矫枉过正。如果我们坚持这种说法，那么就没有getter或settr，只有sink和stream。...使这项工作的示例代码可以是：我不知道您的意见，但就个人而言，如果我没有任何与代码移植/共享相关的限制，我发现这太笨重了，我宁愿在需要时使用常规的getter / setter并使用Streams /

4.2K9 0

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

image.png 例如，我们使用简单的身份验证流程。当登录请求发起时，设置正在加载中的状态。...为简单起见，此流程由三种可能的状态组成：图上的状态可以由如下状态机表示，其中包括加载状态和认证状态：当登录的请求正在进行中，我们会禁用登录按钮并展示进度指示器。...drawer 使用了自定义构造器 MenuSwitcher body 使用了一个 switch 语句来区分不同的页参考流程（vanilla）要启用登录，我们可以从没有加载状态的简易 vanilla...BLoC 加载状态可以由 BLoC 中，stream 的值表示。...通过 StreamBuilder 来检查加载状态，并使用它来设置登录按钮。

4.6K0 0

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

，应该不会有这么深的执念[img] 这个state层加的，我觉得相当有必要，因为某个页面一旦维护的状态很多，将状态变量和逻辑方法混在一起，后期维护会非常头痛。...看上面源码可知：BlocProvider.value没有做Stream自动关闭操作所以BlocProvider.value不应该在普通的单页面使用，可用于全局Bloc实例单页面Bloc请使用BlocProvider...类中，实例了Stream流对象，来做Event的事件触发机制添加Event事件时，会触发 _bindEventsToStates() 方法中的listener回调 _bindEventsToStates...[img] 为了证明我写的分析源码是有作用且有效果的，在末尾，我都根据其状态管理框架的刷新机制，手搓了一个全新的状态管理框架选择状态管理框架，应该是一件比较慎重的事；事先可以先看看其原理，理解了他的内部运转机制...] 相关地址文章中Demo的Github地址：flutter_use Web效果：https://cnad666.github.io/flutter_use/web/index.html 如果相关功能按钮没看到

2.4K4 1

主题色切换+国际化三连

---- 1.1- 状态类既然是状态管理，首先来看状态。颜色毋庸置疑，还有一个是颜色的选中索引，用来体现颜色按钮的选中情况。...ColorChooser是我自定义的组件，在点击时会将索引和颜色值回调出来，在此触发changeThemeData方法来更新消费者的状态。...所有状态由仓库统一管理，天子状态AppState向下分封。 ? 在定义redux状态时，我习惯定义一个初始状态，方便使用。当然你也可以不用，直接在使用时来构建。...---- 三、BLoC实现主题切换和国际化:flutter_bloc: ^0.22.1 如果是redux是中央集权，地方分权，那么BloC就是完全的自由民主。...如果Stream流理解地较好，BloC用起来可以感觉是非常优雅的。个人还是比较喜欢redux。Provider作为官宣，也挺好用的。如果hold得住，混用也是可以的。

3.4K2 0

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

，就能使用全局的XxxBloc了，这里的全局XxxBloc，state状态都会被保存的，除非关闭app，否则state里面的数据都不会被还原！...，使用BlocProvider.of(context)调用全局XxxBloc中事件，这就起到了一种跨页面调用事件的效果使用全局Bloc做跨页面事件时，应该明白，当你关闭Bloc对应的页面...当需要将现有bloc用于新路线时，这将是最常用的。在这种情况下，BlocProvider由于不会创建bloc，因此不会自动关闭该bloc。...小部件，它带有BlocWidgetListener和一个可选Bloc，listener以响应bloc中的状态变化。...listenWhen获取先前的bloc状态和当前的bloc状态并返回一个布尔值。如果listenWhen返回true，listener将使用调用state。

5.4K4 1

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

比如下面是秒表的三个界面，核心数据是秒表的时刻。在秒表应用执行功能时，数据的变化体现在秒数的变化、记录、重置等。...另外，在界面构建过程中，除了业务数据，还有一些数据会影响界面呈现。比如打开秒表时，只有一个启动按钮；在运行中，显示暂停按钮和记录按钮；在暂停时，记录按钮不可用，重置按钮可用。...在初始状态 none 时，只有一个开始按钮；点击开始，秒表在运行中，此时显示三个按钮，重置按钮是灰色，不可点击，点击旗子按钮，可以记录当前秒表值；暂停时，旗子按钮不可点击，点击重置按钮时，回到初始态。...基于 flutter_bloc 的状态管理状态类的核心逻辑应该在于界面的构建逻辑，而业务数据的维护，我们可以提取出来。...组件状态类对状态的访问这样 StopWatchBloc 封装了状态的变化逻辑，那如何在构建时让组件状态类访问到 StopWatchState 呢？

1.5K4 0

一种更优雅的Flutter Dialog解决方案

参数就很头疼；用fish_redux还好，effect层直接能拿到context，要是用bloc还得在view层把context传到bloc或者cubit里面。。。...情景复盘：loading库一般封装在网络层，某个页面提交完表单，要跳转页面，提交操作完成，进行页面跳转，loading关闭是在异步回调中进行（onError或者onSuccess），会出现执行了跳转操作时...，封装在网络库中的关闭弹窗的dismiss方法，也会将Toast消息在不适宜的时候关闭，在实际开发中就碰到此问题，只能多引用一个Toast三方库来解决，在规划这个dialog库的时候，就想到必须解决此问题...区分最后这个库花了一些时间去构思和实现，算是解决几个很大的痛点如果大家对返回事件有什么好的处理思路，麻烦在评论里告知，谢谢！...flutter_bloc使用解析---骚年，你还在手搭bloc吗！

3.6K4 1

《Flutter》-- 4.Flutter组件基础

Flutter中Widget不仅可以表示UI元素，也可以布局元素、动画、装饰效果。 Widget不是最终显示在设备屏幕上的显示元素，而是一个描述显示元素的配置数据。...Flutter中真正代表屏幕显示元素的类是Element。在大多数场景下，可以宽泛地认为Widget树就是指UI组件树或UI渲染树。...didChangeDependencies()：状态组件的依赖关系发生变化后，Flutter会回调该函数，随后触发组件的构建操作。...dispose()：当状态组件需要被永久地从视图树中移除时，调用dispose()。调用dispose()后，组件会被销毁，在调用dispose()之前可以执行资源释放、移除监听、清理环境等工作。...onChange：输入框内容改变时的回调函数。 onEditingComplete：输入框输入完成时触发，不会返回输入的内容。 onSubmitted：输入框输入完成时触发，会返回输入的内容。

12.5K3 0

Flutter 刷新页面：通过下拉刷新提升用户体验

在丰富的挂件中，Flutter 提供了一个很好的方式实现下拉来刷新应用。这个手势，对很多用户来说很熟悉，就是下拉页面来触发更新的动作，获取新的数据并更新屏幕展示。...它需要一个 child 的挂件，这个挂件通常是可滚动的挂件，和一个 onRefresh 回调函数来定义当用户触发刷新后发生什么事情。...无论选择哪种方法，目标都是确保在触发刷新操作时，应用程序的状态能够反映新数据，而不会导致用户界面的中断或者不一致。...它可以从父挂件中获取数据，管理状态并在页面之间导航。当实现下拉刷新，我们经常需要 BuildContext 来触发状态的更改或者在刷新后导航到不同的屏幕。...这可能就要引入更先进的状态管理模式，比如 Bloc, Redux 或者 MobX，它们可以帮助我们更可预测性地管理刷新操作来触发状态更改。

2721 0

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

如下方代码所示，利用 scoped_model 实现状态管理只需要三步：定义 Model 的实现，如 CountModel ，并且在状态改变时执行 notifyListeners() 方法。...二、BloC BloC 全称 Business Logic Component ，它属于一种设计模式，在 Flutter 中它主要是通过 Stream 与 SteamBuilder 来实现设计的，所以...当然，如果和 rxdart 结合可以简化 StreamController 的一些操作，同时如果你需要利用 BloC 模式实现状态共享，那么自己也可以封装多一层 InheritedWidgets 的嵌套...如果对于 Stream 流程不熟悉的还请看上篇。现在再对照流程图会不会清晰很多了？...在 flutter_redux 中，开发者的每个操作都只是一个 Action ，而这个行为所触发的逻辑完全由 middleware 和 reducer 决定，这样的设计在一定程度上将业务与UI隔离，同时也统一了状态的管理

2.1K2 0

vscode开发插件推荐第一节

在 VS Code 中，单击左侧的扩展，然后搜索扩展并单击安装。首先，我希望您启用了 Dart 和 Flutter 扩展，如果没有，您可以从这里获取它们：Dart和Flutter。...这些提供了很多功能，通常当您开始使用 flutter 时，您肯定会安装这些。现在让我们进入扩展，看看我们能做什么奇迹。...FF Flutter Files 这个扩展允许在 VS Code 项目中快速搭建 flutter BLoC 模板。 “如何使用它？ ” 右键单击当前项目中的文件或文件夹。...您可以在评论中写 TODO，这有助于以后不会错过任何重要的作品。在评论中，您只需以 * 或 ! 或者？或 TODO，它会自动具有特定的颜色。...Polacode-2020 如果您撰写文章或教程，这将非常有用。此扩展程序可以帮助您从代码中获得漂亮的屏幕截图 “如何使用它？

1.1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭