Flutter Bloc问题：返回页面后BlocListener不触发状态变更

1. 进入添加页面时主动重置Bloc状态 #

每次打开添加页面时，让Bloc回到初始状态，这样后续添加成功的状态变更就能被正常监听。在添加页面的初始化方法里发送重置事件：

class AddItemPage extends StatefulWidget {
  @override
  _AddItemPageState createState() => _AddItemPageState();
}

class _AddItemPageState extends State<AddItemPage> {
  @override
  void initState() {
    super.initState();
    // 进入页面时重置状态为初始值
    context.read<MyBloc>().add(MyEventResetAddState());
  }

  @override
  Widget build(BuildContext context) {
    return BlocConsumer<MyBloc, MyState>(
      listener: (context, state) {
        if (state is MyStateAddItemSuccessful) {
          Navigator.pop(context); // 返回查看条目页面
        }
      },
      builder: (context, state) {
        return SubmitBtn(
          btnTxt: 'Save',
          onTap: () => createItem(context),
        );
      },
    );
  }
}

对应的Bloc事件处理：

class MyBloc extends Bloc<MyEvent, MyState> {
  MyBloc() : super(MyStateInitial()) {
    on<MyEventResetAddState>((event, emit) {
      emit(MyStateInitial());
    });

    on<MyEventCreateItem>((event, emit) async {
      // 执行添加条目的业务逻辑
      await performAddItem();
      emit(MyStateAddItemSuccessful());
    });
  }
}

2. 成功导航后立即重置状态 #

在监听成功状态并返回查看页面的同时，直接发送重置事件，避免状态残留：

BlocConsumer<MyBloc, MyState>(
  listener: (context, state) {
    if (state is MyStateAddItemSuccessful) {
      Navigator.pop(context);
      // 重置状态，确保下次进入添加页面时状态是初始值
      context.read<MyBloc>().add(MyEventResetAddState());
    }
  },
  builder: (context, state) {
    return SubmitBtn(
      btnTxt: 'Save',
      onTap: () => createItem(context),
    );
  },
)

这种方式不需要在页面初始化时处理，而是在每次成功操作后即时清理状态，逻辑更闭环。

3. 用导航返回值替代Bloc状态监听 #

直接通过导航返回值传递添加结果，不用依赖Bloc状态触发导航。在添加页面完成操作后直接返回，由查看页面处理刷新：

添加页面的createItem方法：

void createItem(BuildContext context) async {
  final bloc = context.read<MyBloc>();
  bloc.add(MyEventCreateItem());
  // 等待添加成功的状态
  await bloc.stream.firstWhere((state) => state is MyStateAddItemSuccessful);
  // 携带成功标识返回查看页面
  Navigator.pop(context, true);
}

查看页面跳转时接收返回值：

// 查看页面中打开添加页面的代码
final result = await Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => AddItemPage()),
);
if (result == true) {
  // 刷新条目列表
  context.read<MyBloc>().add(MyEventFetchItems());
}

这种方式彻底避开了状态残留问题，逻辑更直观，也减少了Bloc状态和页面导航的耦合。

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