[移动开发]使用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&

了解本专栏 订阅专栏 解锁全文 学习会员免费看 赠一年