Flutter中BlocListener无法监听UserBloc状态变化的问题

核心问题1：BlocListener使用了独立的Bloc实例 #

你在BlocListener中手动创建了UserBloc(userRepo)的新实例，但触发事件时用的是context.read<UserBloc>()获取的Provider中的实例。这两个实例完全独立，状态变更不会互通，直接导致监听失效。

解决方法：
移除BlocListener的bloc参数，让它自动从上下文获取已注入的UserBloc实例：

child: BlocListener<UserBloc, UserState>(
  listener: (ctx, state) {
    // 原有监听逻辑保留
    print('listener called');
    if (state is UserCreating) {
      print('loading emited');
      QuickAlert.show(
        context: ctx,
        type: QuickAlertType.loading,
        title: 'Loading',
        text: 'Signing up',
      );
    } else if (state is UserCreated) {
      QuickAlert.show(
        context: ctx,
        type: QuickAlertType.success,
        text: state.message,
      );
    } else if (state is UserError) {
      QuickAlert.show(
        context: ctx,
        type: QuickAlertType.error,
        text: state.error,
      );
    }
  },
  child: Form(...),
)

若必须显式指定bloc实例，也要从上下文获取而非新建：

bloc: context.read<UserBloc>(),

核心问题2：部分状态类未正确实现Equatable的props #

UserCreated类的message字段未加入props列表，Equatable会判定两个UserCreated实例为相同状态（即使message内容不同），可能导致状态变更不被监听。

解决方法：
修改UserCreated的props配置，同时优化late变量的写法：

class UserCreated extends UserState {
  final String message;
  UserCreated(this.message);
  
  @override
  List<Object?> get props => [message];
}

同步优化UserError的写法（去掉不必要的late关键字）：

class UserError extends UserState {
  final String error;
  UserError(this.error);
  
  @override
  List<Object?> get props => [error];
}

其他细节优化 #

1. 弹窗上下文修正：监听逻辑中使用listener参数的ctx而非外部context，避免上下文层级混乱。
2. 错误弹窗类型修正：UserError分支的弹窗类型应为QuickAlertType.error，而非success。

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