在颤动中显示肘部状态警报

Question

我知道我们可以在特定的 cubit 状态下返回不同的小部件，但是我们如何在状态上显示警报或其他交互：

BlocBuilder<LoginCubit, LoginState> (
  builder: (context, LoginState loginState) {
    if (loginState is LoginInitial) {
      return Text("LoginInitial");
    } else if (loginState is LoginLoading) {
      return Text("LoginLoading");
    } else if (loginState is LoginLoaded) {
      return Text("LoginLoaded");
    } else if (loginState is LoginError) {
      return Text("LoginError");
    } else {
      return Container();
    }
  },
)

在 LoginError 中我想显示一个警告对话框。

Answer 1

您可以使用BlocConsumer，它同时具有builder 和listener：

• builder 属性是您已经知道的小部件构建器回调
• listener 是在状态更改时调用的回调，您几乎可以在其中执行任何操作。

对于更细粒度的控制，您可以使用buildWhen 和listenWhen，如果它们返回true，则分别触发builder 或listener 回调。

例如，您可以看到我是如何使用BlocConsumer 在出现错误状态时显示SnackBar here。

不要介意仔细检查类型

if (state is RegionalReportLoadingError)

因为它可能没用（根据文档），我只是想确定一下，当我没有很清楚 listenWhen 的用法时。

您可以在the docs 中查看更多关于BlocConsumer 的信息（很遗憾我无法链接锚点）。