Flutter BlocListener无法响应重复错误状态的解决方法求助

我编写了如下ClockBloc和ClockState：

class ClockBloc extends Bloc<ClockEvent, ClockState> {
  const ClockBloc() : super(const ClockState()) {
    on<ClockEventAddClock>(_addClock);
  }
  
  Future<void> _addClock(
    ClockEventAddClock event,
    Emitter<ClockState> emit,
  ) async {
    List<String> newItems = /* Some logic */;
    bool error = /* Some logic */;
    emit(ClockState(items: newItems, isError: error));
  }
}

class ClockState extends Equatable {
  const ClockState(this.items = const <String>[], this.isError = false,);
  final List<String> items;
  final bool isError;
  
  @override
  List<Object?> get props => [isError];
}

在Widget中使用BlocListener，期望当state.isError为true时显示弹窗，但连续点击按钮触发Bloc返回相同错误状态时，Listener不会被触发，弹窗无法再次显示：

@override
Widget build(BuildContext context) {
  return BlocListener<ClockBloc, ClockState>(
    listener: (context, state) {
      if (state.isError) {
        /*Display dialog*/
        // 仅在isError从false变为true时触发，true变为true时不触发
      }
    }
  );
}

我明白这是因为使用了Equatable，新状态与旧状态相同时不会被emit，因此Listener不触发。除了先切换到默认状态再emit目标状态外，有没有更优的解决方案？

1. 给错误状态添加唯一标识（推荐） #

通过在ClockState中添加一个用于区分同一错误不同触发的唯一字段（比如时间戳），让Equatable能识别出这是新状态，从而触发Listener。

修改ClockState：

class ClockState extends Equatable {
  const ClockState({
    this.items = const <String>[],
    this.isError = false,
    this.errorTriggerTimestamp, // 新增：记录错误触发的时间戳
  });
  
  final List<String> items;
  final bool isError;
  final DateTime? errorTriggerTimestamp;

  // 注意：必须把items加入props，否则items变化时状态也不会更新
  @override
  List<Object?> get props => [items, isError, errorTriggerTimestamp];
}

在Bloc中emit状态时传入时间戳：

Future<void> _addClock(
  ClockEventAddClock event,
  Emitter<ClockState> emit,
) async {
  List<String> newItems = /* Some logic */;
  bool error = /* Some logic */;
  
  emit(ClockState(
    items: newItems,
    isError: error,
    // 仅在错误发生时生成新的时间戳
    errorTriggerTimestamp: error ? DateTime.now() : null,
  ));
}

2. 给事件添加唯一请求ID #

另一种方式是在触发事件时生成唯一ID，将ID带入状态中，确保每次触发的状态都带有不同的标识：

修改事件类：

class ClockEventAddClock extends ClockEvent {
  // 每次创建事件时自动生成唯一ID（可引入uuid库，或自定义生成逻辑）
  const ClockEventAddClock({this.requestId = const Uuid().v4()});
  final String requestId;

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

修改ClockState并在emit时传入ID：

class ClockState extends Equatable {
  const ClockState({
    this.items = const <String>[],
    this.isError = false,
    this.lastRequestId, // 新增：记录最后一次请求的ID
  });
  
  final List<String> items;
  final bool isError;
  final String? lastRequestId;

  @override
  List<Object?> get props => [items, isError, lastRequestId];
}

// 在_addClock中emit状态
Future<void> _addClock(
  ClockEventAddClock event,
  Emitter<ClockState> emit,
) async {
  List<String> newItems = /* Some logic */;
  bool error = /* Some logic */;
  
  emit(ClockState(
    items: newItems,
    isError: error,
    lastRequestId: event.requestId,
  ));
}

额外提示 #

你原来的ClockState的props只包含isError，这会导致items列表变化时，状态也不会被识别为新状态，这是一个潜在的bug，必须将items加入props数组。

内容的提问来源于stack exchange，提问作者Preem Palver2