使用Flutter Bloc向Firebase提交数据后未触发状态监听问题排查

核心问题：BlocListener未被挂载到Widget树 #

你在按钮点击事件里直接创建了BlocProvider.value和BlocListener，但这段代码只是创建了Widget对象，并没有将它添加到当前的界面Widget树中。未被挂载的Widget不会参与状态监听，所以即使Bloc触发了SampletestLoaded状态，监听器也完全无法捕获到。

次要问题：不必要的重复状态emit #

在Bloc的事件处理逻辑中，你先emit了SampletestInitial，但初始状态本来就是这个值。Bloc默认会忽略与当前状态完全相同的emit（因为props为空，状态对比时判定为相同），这会导致无意义的状态更新，虽不影响核心功能，但属于冗余代码。

修复方案 #

1. 调整TicketScreen的Widget结构，让BlocListener成为界面的一部分

将BlocListener嵌入到页面的Widget树中，确保它能持续监听Bloc状态变化：

class TicketScreen extends StatelessWidget {
  final description = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return BlocListener<SampletestBloc, SampletestState>(
      listener: (context, state) {
        if (state is SampletestLoaded) {
          Navigator.pop(context);
          print("Popped out");
        }
        // 可选：添加错误状态处理
        if (state is SampletestError) {
          print("提交失败: ${state.error}");
        }
      },
      child: Scaffold(
        body: Column(
          children: [
            TextField(controller: description),
            ElevatedButton(
              onPressed: () {
                // 直接获取已存在的Bloc实例并提交事件
                context.read<SampletestBloc>().add(
                  SampletestPostData(description.text)
                );
              },
              child: const Text("提交"),
            ),
          ],
        ),
      ),
    );
  }
}

2. 优化Bloc事件逻辑，移除冗余状态emit

class SampletestBloc extends Bloc<SampletestEvent, SampletestState> {
  SampletestBloc() : super(SampletestInitial()) {
    on<SampletestPostData>((event, emit) async {
      // 可选：添加加载状态，用于显示加载指示器
      // emit(SampletestLoading());
      try {
        await Repo().sampleTesting(event.des);
        emit(SampletestLoaded());
      } catch (e) {
        emit(SampletestError(error: e.toString()));
        print(e);
      }
    });
  }
}

3. 确保Bloc已在父节点正确提供

要保证TicketScreen的父路由或页面已经通过BlocProvider创建了SampletestBloc实例：

// 父页面/路由中的代码
BlocProvider(
  create: (context) => SampletestBloc(),
  child: TicketScreen(),
)

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