Flutter中能否使用不同Bloc类型的BlocListener与BlocBuilder

问题根因 #

你遇到的是bloc状态管理中非常典型的状态相等性判断问题：bloc内部默认会对比新状态与上一个状态的值，只有两者不相等时，才会向BlocBuilder、BlocListener推送更新通知。你调试确认BlocB已经接收到事件且执行了yield新状态的操作，但BlocBuilder无响应，说明bloc判定你yield的新状态与旧状态相等，因此没有下发更新通知。
常见触发场景：

• 状态类继承了Equatable但未将状态携带的属性放入props数组，此时同一类型的所有状态实例都会被判定为相等，哪怕你新建了实例yield，也不会触发更新
• BlocB的事件处理逻辑中，yieldStateBSuccess之后又执行了其他emit操作，把成功状态覆盖为其他状态

修复方案 #

1. 修正状态类实现 #

优先推荐状态类继承Equatable，所有状态关联的属性必须放入props数组，示例如下：

import 'package:equatable/equatable.dart';

abstract class StateB extends Equatable {
  const StateB();

  @override
  List<Object> get props => [];
}

// 初始状态无属性，直接继承即可
class StateBInitial extends StateB {}

// 成功状态如果携带属性，必须全部放入props
class StateBSuccess extends StateB {
  final String data;
  final int count;

  const StateBSuccess({required this.data, required this.count});

  @override
  List<Object> get props => [data, count];
}

2. 校验BlocB的事件处理逻辑 #

确认处理EventB的逻辑中，emitStateBSuccess之后没有其他emit操作覆盖该状态：

class BlocB extends Bloc<EventB, StateB> {
  BlocB() : super(StateBInitial()) {
    on<EventB>((event, emit) async {
      // 你的业务逻辑，比如拉取数据
      final response = await api.fetchData();
      // 确保emit成功状态后没有其他emit操作
      emit(StateBSuccess(data: response.data, count: response.count));
      // 不要在这里加 emit(其他状态) 覆盖上面的成功状态
    });
  }
}

3. 可选校验状态流 #

如果以上修复后仍有问题，可以通过BlocObserver全局监听BlocB的状态变化，确认状态流转符合预期：

import 'package:bloc/bloc.dart';

class AppBlocObserver extends BlocObserver {
  @override
  void onChange(BlocBase bloc, Change change) {
    super.onChange(bloc, change);
    if (bloc is BlocB) {
      print('BlocB状态更新：${change.currentState.runtimeType} -> ${change.nextState.runtimeType}');
    }
  }
}

在main函数中初始化BlocObserver即可生效：

void main() {
  Bloc.observer = AppBlocObserver();
  runApp(const MyApp());
}

内容的提问来源于stack exchange，提问作者Joel Broström