学习Bloc框架时遇_TypeError：Null不是Color子类型的问题

错误根源 #

你的代码中ColorState类继承自Equatable，但未将核心属性color加入到props列表中。Equatable依赖props判断状态实例的相等性，缺失该配置会导致Bloc在状态管理过程中无法正确识别color属性，最终触发空值类型错误。

修复步骤 #

修改color_state.dart中的ColorState类，将color字段添加到props列表：

part of 'color_cubit.dart';

abstract class ColorState extends Equatable {
  final Color color;
  const ColorState(this.color);

  @override
  List<Object> get props => [color]; // 加入color字段到props列表
}

class ColorInitial extends ColorState {
  const ColorInitial() : super(Colors.grey);
}

原理说明 #

Bloc框架依赖Equatable的相等性判断来决定是否触发UI更新。如果props不包含color，Equatable会忽略该字段进行实例比较，导致Bloc无法正确追踪color的状态变化，甚至在内部处理时出现属性值丢失的情况，最终表现为state.color为null的类型错误。

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