如何使用Flutter的bloc库处理多个动作？

Question

我正在遵循此Flutter's bloc library login tutorial，并且正在尝试添加“显示密码”功能。

我添加了此活动

class LoginShowPasswordButtonPressed extends LoginEvent {
  final bool showPassword;

  LoginShowPasswordButtonPressed({
    @required this.showPassword
  });

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

这个处理程序

_onLoginShowPasswordButtonPressed() {
      BlocProvider.of<LoginBloc>(context).add(
        LoginShowPasswordButtonPressed(
          showPassword: true,
        ),
      );
    }

但是我不确定如何继续。我知道mapEventToState覆盖应该处理此事件并产生一个状态，然后由UI进行处理。

类似这样的东西

if (event is LoginShowPasswordButtonPressed) {
      yield LoginShowPassword(showPassword: event.showPassword);
    }

我必须对UI中的每个操作都具有状态吗？还是只有一种状态具有许多属性？