使用BLoC 构建 Flutter的页面实例

前言

我们上一篇讲了 BlocProvider 的使用，感觉和 Provider 几乎是一样的，没什么新鲜感。在上一篇中有一个 BlocBuilder 倒是有点奇怪，我们回顾一下代码：

BlocBuilder<CounterCubit, int>(builder: (context, count) => Text('$count',style: TextStyle(fontSize: 32,color: Colors.blue,),),

这里面的 count 会自动跟随 BlocProvider 的状态对象变化，但是我们并没有看到绑定的动作，比如我们使用 Provider 是使用 context.watch 方法，但这里没有。这个是怎么回事呢？本篇我们就来介绍 BlocBuilder 的使用。

BlocBuilder 与状态对象的绑定

flutter_bloc 源码中的BlocBuilder的定义如下所示：

class BlocBuilder<B extends BlocBase<S>, S> extends BlocBuilderBase<B, S> {const BlocBuilder({Key? key,required this.builder,B? bloc,BlocBuilderCondition<S&

使用BLoC 构建 Flutter的页面实例相关推荐

Asp.net+Vue2构建简单记账WebApp之六（vue.js构建记账统计页面）
Asp.net+Vue2构建简单记账WebApp之一(设计) Asp.net+Vue2构建简单记账WebApp之二(使用ABP迅速搭建.Net后台) Asp.net+Vue2构建简单记账WebApp之 ...
flutter图片聊天泡泡_基于 Flutter+Dart 聊天实例 | Flutter 仿微信界面聊天室
1.项目介绍 Flutter是目前比较流行的跨平台开发技术,凭借其出色的性能获得很多前端技术爱好者的关注,比如阿里闲鱼,美团,腾讯等大公司都有投入相关案例生产使用. flutter_chatroom项 ...
无闪烁刷新页面 php,AJAX_Ajax实现无闪烁定时刷新页面实例代码，在Web开发中我们经常需要实现 - phpStudy...
Ajax实现无闪烁定时刷新页面实例代码在Web开发中我们经常需要实现定时刷新某个页面: 1.来保持session的值或者检查session的值是否为空(比如说防止同一用户重复登录): 2.实现实时站 ...
php页面怎么去登录,php中登录后跳转回原来要访问的页面实例
在很多网站用户先访问一个要登录的页面,但当时没有登录后来登录了,等待用户登录成功之后肯定希望返回到上次访问的页面,下面我就来给大家介绍登录后跳转回原来要访问的页面实例最简单的办法就是直接使用php ...
最后一个页面：构建电影详情页面
笔记内容:最后一个页面:构建电影详情页面笔记日期:2018-02-02 电影搜索页面构建我们想要有一个搜索电影的功能,需要在电影资讯页面顶部编写一个搜索框,当我们的鼠标焦点位于该搜索框时,就会显示 ...
iview构建基本html页面,写前端页面步骤----vue+iview
1:用iview构建基本HTML页面 2:在export default{ }中写一个data(){return:{变量:值}}全局对象,用于传递与绑定HTML参数. 3:在export defaul ...
挖坑指南：如何在引用的外部js文件中获取vue页面实例？（独家）
原文链接前言在基于iView的后台项目中,表格组件是我们的老朋友了.实现如下的效果更是最基本的需求: 开始在iView早期1.x的版本(其实在~2.0.0-rc.7也能使用),想要渲染这样的效果 ...
第三个页面：构建新闻详情页面
笔记内容:构建新闻详情页面笔记日期:2018-01-09 从文章列表跳转到新闻详情页(组件自定义属性及获取属性) 在编写从文章列表跳转到新闻详情页的代码之前,先来修改一下之前的页面,之前我们编写了两 ...
微信小程序入门与实战之构建阅读详情页面
构建文章详情页面由于通常我们的后端人员可能没办法先给我们提供数据,所以我们要采用先静后动的开发方式. 我们所要实现的效果,如图所示: 基础代码: <view class="conta ...

使用BLoC 构建 Flutter的页面实例

前言

BlocBuilder 与状态对象的绑定

使用BLoC 构建 Flutter的页面实例相关推荐

最新文章

热门文章