Flutter BLoC 变量最佳实践

Question

最近开始使用 BLoC 方法来构建应用程序，但不清楚的一件事是在哪里“保留” BLoC 变量。我想我们可以有这两种选择：

1. 在 BLoC 类中声明一个变量；例如，在我的课堂上，我可以做到以下几点：

class ModulesBloc extends Bloc<ModulesEvent, ModulesState> {
   late String myString;
}

并在我的 UI 中按如下方式访问它：

BlocProvider.of<ModulesBloc>(context).myString;

1. 将其作为状态变量保存；例如，我可以如下声明我的状态类：

class ModulesState extends Equatable {
   const ModulesState({required this.myString});

   final String myString;

  @override
  List<Object> get props => [myString];
}

并在我的 UI 中按如下方式访问它：

BlocBuilder<ModulesBloc, ModulesState>(
   builder: (BuildContext context, ModulesState modulesState) {
      modulesState.myString;
   }
)

上述任何方法是否存在性能损失/状态稳定性问题？

谢谢！

Answer 1

我不确定是否有绝对的答案，但我至少可以给出我的意见。

在 bloc 中有 3 个对象：bloc、event、state。

state 是可变部分，而bloc 是对您的问题的描述（states 为每个event 发出什么）。因此，在我看来，描述您的问题的不可变变量应该放在bloc 中。但是，任何可能更改的内容都是您的 bloc 的 state（与您的小部件的 state 相同），因此应该存储在 state 中。

示例：

您想创建一个可以设置计时器的应用。在这个应用程序中，您可以拥有多个计时器，每个计时器将由 name 标识。

在这种情况下：

• 您的状态将是一个对象，其中包含一个名为 timeCount 的双精度变量，例如，它将每秒递增一次。
• 您的 bloc 将有一个名为 name 的 final 字段，必须在创建秒表期间进行设置。

有趣的是，如果您希望该集团也处理秒表创建，您将有 2 个状态：第一个是空的，第二个是 name 和 timeCount。看看name 是如何自然地变成可变的，因此现在可以在state 中找到。