Flutter CombosBloc未接收CategoryChangedEvent问题（附最小示例）

问题现象 #

• 在main函数中通过BlocProvider(create: (_) => CombosBloc(), lazy: false)初始化Bloc
• 进入EditPage（继承自TaskPage）后，在initState中调用context.read<CombosBloc>().add(CategoryChangedEvent(newCategory: widget.task!['category']))，传入的category值有效
• EditPage构建时，Dropdown相关组件的initState中读取context.read<CombosBloc>().state.category为空，导致崩溃
• 非调试模式下，BlocObserver的状态变更日志会在大量堆栈信息后才打印

核心原因 #

Bloc的事件处理是异步的：EditPage的initState添加事件后，Bloc还未完成事件处理与状态更新，Dropdown组件的initState就已执行，此时读取的仍是初始状态的空值。

解决方案 #

方案1：用BlocBuilder监听状态变化

将Combo组件改为通过BlocBuilder监听CombosBloc的状态，自动同步选中值，避免在initState中直接读取状态：

class Combo extends StatelessWidget {
  const Combo({super.key});

  final List<String> values = ['1', '2', '3', 'testing']; // 必须包含传入的category值，否则Dropdown会报错

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<CombosBloc, CombosState>(
      builder: (context, state) {
        final selectedValue = state.category.isNotEmpty ? state.category : values.first;
        return Container(
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(16.0),
            border: Border.all(),
          ),
          child: DropdownButtonHideUnderline(
            child: DropdownButton<String>(
              borderRadius: BorderRadius.circular(32.0),
              value: selectedValue,
              iconSize: 28,
              isExpanded: true,
              icon: const Icon(Icons.arrow_downward_sharp),
              elevation: 16,
              onChanged: (String? newValue) {},
              items: values.map<DropdownMenuItem<String>>((String value) {
                return DropdownMenuItem<String>(
                  value: value,
                  child: Center(
                      child: Text(
                    value,
                    overflow: TextOverflow.ellipsis,
                  )),
                );
              }).toList(),
            ),
          ),
        );
      },
    );
  }
}

方案2：延迟读取状态（适用于需保留StatefulWidget的场景）

在Combo组件的initState中用Future.microtask延迟读取状态，确保Bloc已完成事件处理：

class _ComboState extends State<Combo> {
  final List<String> values = ['1', '2', '3', 'testing'];
  late String selected;

  @override
  void initState() {
    super.initState();
    Future.microtask(() {
      setState(() {
        selected = context.read<CombosBloc>().state.category;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    final displayValue = selected.isNotEmpty ? selected : values.first;
    return Container(
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(16.0),
        border: Border.all(),
      ),
      child: DropdownButtonHideUnderline(
        child: DropdownButton<String>(
          borderRadius: BorderRadius.circular(32.0),
          value: displayValue,
          iconSize: 28,
          isExpanded: true,
          icon: const Icon(Icons.arrow_downward_sharp),
          elevation: 16,
          onChanged: (String? newValue) {},
          items: values.map<DropdownMenuItem<String>>((String value) {
            return DropdownMenuItem<String>(
              value: value,
              child: Center(
                  child: Text(
                value,
                overflow: TextOverflow.ellipsis,
              )),
            );
          }).toList(),
        ),
      ),
    );
  }
}

方案3：Bloc初始化时预传初始值（仅适用于可提前获取category的场景）

如果category值能在Bloc初始化时拿到，可直接传入初始状态：

// 修改CombosBloc构造函数
class CombosBloc extends Bloc<CombosEvent, CombosState> {
  CombosBloc({String initialCategory = ''}) : super(CombosState(category: initialCategory)) {
    on<CategoryChangedEvent>((event, emit) {
      emit(state.copyWith(category: event.newCategory));
    });
  }
}

// 在创建Bloc时传入初始值
BlocProvider(create: (_) => CombosBloc(initialCategory: '预设值'), lazy: false)

注意事项 #

• Bloc事件处理默认异步，不要在initState中直接依赖事件触发后的状态，优先通过BlocBuilder/BlocListener监听状态变化
• 确保Dropdown的items列表包含选中的value，否则会触发Flutter断言错误

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