Cubit 函数调用后未执行 BlocListener

问题描述

所以，我有一个带有 POST 数据的函数的 cubit。我的肘部有 DataLoading、DataError 和 DataLoaded 三个状态。

当用户点击一个按钮时，我会调用 cubit 中的函数。之后，我有一个 BlocListener 等待 Cubit 发出 DataLoaded 状态。问题是侦听器正在对状态变化做出反应。

Button(
  text: 'Add',onTap: () {
    final data = _textController.text;
    
    context.read<PostDataCubit>().post(data);

    BlocListener<PostDataCubit,PostDataState>(
      listener: (context,state) {
        if (state is DataLoaded) {
          // navigate to another route
        } else if (state is DataError) {
          // show error
        }
      },);
  }
),

我尝试在 await 调用中使用 read()，但没有用。我如何对这里的状态变化做出反应？谢谢。

解决方法

此 BlocListener 未在侦听，因为您已将侦听器添加到函数中，而不是将其添加到小部件树中。将您的按钮包裹在 BlocConsumer 小部件中，它会正常工作。看看下面的代码。

BlocListener<PostDataCubit,PostDataState>(
  listener: (context,state) {
     if (state is DataLoaded) {
          // navigate to another route
      } else if (state is DataError) {
           // show error
       }
    },builder: (context,state) {
     return Button(
        text: 'Add',onTap: () {
           final data = _textController.text;

            context.read<PostDataCubit>().post(data);
        });
      },),