移除列表项后Bloc未发送状态更新，Flutter笔记应用UI不刷新

问题根源 #

你的UserNoteListState混入了EquatableMixin但**props返回空列表**，Equatable依赖props中的字段判断状态是否相等。当props为空时，无论userNoteList内容如何变化，Bloc都会判定新旧状态一致，因此不会触发UI更新。同时，removeNote方法中的emit逻辑冗余且写法错误。

修复步骤 #

1. 修正UserNoteListState的props配置 #

修改UserNoteListState，将userNoteList加入props，让Equatable正确比较列表内容：

class UserNoteListState extends HomeState with EquatableMixin {
  final List<NoteEntity> userNoteList;

  UserNoteListState({required this.userNoteList});
  
  // 将userNoteList纳入状态比较的依据
  @override
  List<Object?> get props => [userNoteList];

  // 优化copyWith写法，符合常规使用习惯
  UserNoteListState copyWith({List<NoteEntity>? userNoteList}){
    return UserNoteListState(
      userNoteList: userNoteList ?? this.userNoteList
    );
  }
}

2. 简化Bloc中removeNote的emit逻辑 #

去掉冗余的copyWith调用，直接获取最新列表并生成新状态：

FutureOr<void> removeNote(RemoveNoteEvent event, Emitter<HomeState> emit) {
  // 执行删除操作
  removeNoteUseCase.removeNote(event.removeNote);
  // 获取更新后的列表并发送新状态
  final updatedList = getNoteUseCase.getNotelist();
  emit(UserNoteListState(userNoteList: updatedList));
}

3. 确保NoteEntity支持Equatable比较 #

如果NoteEntity是自定义类，默认采用引用比较，可能导致列表内容变化但Equatable无法识别。需要让NoteEntity也混入EquatableMixin，并将核心字段加入props：

class NoteEntity with EquatableMixin {
  final String id;
  final String title;
  final String content;

  NoteEntity({required this.id, required this.title, required this.content});

  @override
  List<Object?> get props => [id, title, content];
}

修复效果验证 #

完成上述修改后，删除笔记时：

• Bloc会生成包含最新列表的UserNoteListState
• Equatable通过props检测到新旧状态的列表差异，触发状态更新
• BlocConsumer感知到状态变化，重新构建UI并刷新笔记列表

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