flutter - BLoC - 每个州都应该是一个单独的类(class)吗？

Question

我正在使用 BLoC 模式学习和构建 Flutter 应用程序，在很多教程和存储库中，我看到人们为 BLoC 的每个状态都有一个单独的类，而其他人有一个包含所有属性的单一状态类定义。是否有用于定义状态类的标准 BLoC 方式，还是个人选择？

具有多个状态类的示例

abstract class LoginState extends Equatable {
  LoginState([List props = const []]) : super(props);
}

class LoginInitial extends LoginState {
  @override
  String toString() => 'LoginInitial';
}

class LoginLoading extends LoginState {
  @override
  String toString() => 'LoginLoading';
}

class LoginFailure extends LoginState {
  final String error;

  LoginFailure({@required this.error}) : super([error]);

  @override
  String toString() => 'LoginFailure { error: $error }';
}

单个状态类的示例

@immutable
class MyFormState extends Equatable {
  final String email;
  final bool isEmailValid;
  final String password;
  final bool isPasswordValid;
  final bool formSubmittedSuccessfully;

  bool get isFormValid => isEmailValid && isPasswordValid;

  MyFormState({
    @required this.email,
    @required this.isEmailValid,
    @required this.password,
    @required this.isPasswordValid,
    @required this.formSubmittedSuccessfully,
  }) : super([
          email,
          isEmailValid,
          password,
          isPasswordValid,
          formSubmittedSuccessfully,
        ]);

  factory MyFormState.initial() {
    return MyFormState(
      email: '',
      isEmailValid: false,
      password: '',
      isPasswordValid: false,
      formSubmittedSuccessfully: false,
    );
  }

  MyFormState copyWith({
    String email,
    bool isEmailValid,
    String password,
    bool isPasswordValid,
    bool formSubmittedSuccessfully,
  }) {
    return MyFormState(
      email: email ?? this.email,
      isEmailValid: isEmailValid ?? this.isEmailValid,
      password: password ?? this.password,
      isPasswordValid: isPasswordValid ?? this.isPasswordValid,
      formSubmittedSuccessfully:
          formSubmittedSuccessfully ?? this.formSubmittedSuccessfully,
    );
  }

  @override
  String toString() {
    return '''MyFormState {
      email: $email,
      isEmailValid: $isEmailValid,
      password: $password,
      isPasswordValid: $isPasswordValid,
      formSubmittedSuccessfully: $formSubmittedSuccessfully
    }''';
  }
}

什么时候应该使用哪一个？两者有什么优缺点？

Answer 1

这更多是个人选择/编码风格，但我同意根据情况，某些方式可能比其他方式更好。

请注意 Bloc doc现在说明这两种方法。

虽然有一些差异。首先，当使用多个状态类时，您可以更好地控制每个状态的字段。例如，如果您知道错误只会在某些情况下发生，最好将其隔离在特定类 BlocSubjectError 中，而不是让一个类包含可能存在或可能不存在的可空错误。从调用者的角度来看，条件也有点不同，您可能更喜欢一种方式:

具有多个状态类

if(state is BlocSubjectLoading) {
  // display loading indicator
}
else if (state is BlocSubjectError) {
  // display errror
} else if (state is BlocSubjectSuccess) {
  // display data
}

单状态类

if(state.isLoading) {
  // display loading indicator
}
else if (state.error != null) {
  // display errror
} else if (state.data != null) {
  // display data
}

虽然看起来可能没有太大区别，但第二个示例允许混合状态:您可能同时有错误和数据，或者两者都在加载和有一个以前的数据。它可能是也可能是你想要的。在第一种情况下，类型使其更加受限，这使得该技术更接近于用类型表示应用程序的状态，也就是 Type Driven Development。 .

另一方面，如果它们都声明相同的字段，那么拥有多个状态类可能会很麻烦，因为您每次都需要使用所有参数实例化您的状态，而使用单个类您只需调用一个 。 copyWith() 方法，您将只向其提供更改的参数。

单状态类模式接近Triple Pattern (或分段状态模式)。您可以在 Bloc here 中找到描述此模式的综合研讨会。 .