如何避免 Observable 多次调用 RxDart

Question

我已经在我的登录屏幕上实现了 BLOC 模式。

下面的代码是按钮单击事件，当我第一次使用错误的凭据单击“登录”按钮时，它会显示一次 snackbar，如果我再次单击该按钮，它会显示两次，如果我再次单击它，它会显示 3 次等等...

Future _validateInputs() async {
    final form = _loginKey.currentState;
    if (form.validate()) {
      print(_userIDController.text + _passwordController.text);
      bloc.validateLogin(_userIDController.text, _passwordController.text);
      bloc.loginDetails.listen((loginDetails){
        if(loginDetails != null) {
          if(loginDetails.loginStatus) {
            // Navigate to Home
            print("Login Sucess");
          } else {
            print(loginDetails.failureMessage);
            scaffoldKey.currentState.showSnackBar(SnackBar(
              content: Text('Invalid Username or Password'),
            ));
            //bloc.clear();
          }
        }
      });
    }
  }
}

这是我的 BLOC 代码，我不知道我哪里做错了。

class LoginBloc {
  final _repository = Repository();
  var _doLogin = PublishSubject<LoginModel>();

  Observable<LoginModel> get loginDetails => _doLogin.stream;

  validateLogin(String userName,String password) async {
    LoginModel itemModel = await _repository.doLogin(userName,password);
    _doLogin.sink.add(itemModel);
  }


  dispose() {
    _doLogin.close();
  }
}

final bloc = LoginBloc();

Answer 1

问题是您每次调用 _validateInputs 时都在注册一个侦听器（通过调用 listen）。您应该在 initState 中听一次或尝试 Observable 中的 first 属性，其中 returns 一个 Future.

如何避免 Observable 多次调用 RxDart

How to avoid Observable calling multiple times RxDart

observable

dart

flutter

rxdart

bloc