С помощью функцииlateLatest можно включить / отключить кнопку, но кнопка включается, даже если какой-то поток содержит ошибку - PullRequest
Новая
       45

С помощью функцииlateLatest можно включить / отключить кнопку, но кнопка включается, даже если какой-то поток содержит ошибку

0 голосов
/ 24 мая 2019

Хотите включить / отключить кнопку на основе ввода пользователя.Если весь ввод текста соответствует определенному условию, только тогда активируйте кнопку «вставка».

Обычно кнопка включается, только если все поля ввода правильны.Но если одно или несколько неверно, и пользователь переходит в другое поле ввода и меняет его на правильное / неправильное, кнопка активируется, даже если в какое-то поле введен неправильный ввод.Проверьте изображение:

enter image description here

Код для блока входа в систему: 

import 'package:rxdart/rxdart.dart';

class LoginScreenBloc {
  final _firstCtrl = BehaviorSubject<String>();
  final _lastCtrl = BehaviorSubject<String>();
  final _userNameCtrl = BehaviorSubject<String>();
  final _passwordCtrl = BehaviorSubject<String>();

  Function(String) get changeFirst => _firstCtrl.sink.add;
  Function(String) get changeLast => _lastCtrl.sink.add;
  Function(String) get changeUser => _userNameCtrl.sink.add;
  Function(String) get changePass => _passwordCtrl.sink.add;

  final fieldSize = StreamTransformer<String, String>.fromHandlers(
    handleData: (value, sink) {
      if (value.length > 3) {
        sink.add(value);
      } else {
        sink.addError("Can't be Empty!");
      }
    },
  );

  Stream<String> get firstname => _firstCtrl.stream.transform(fieldSize);
  Stream<String> get lastname => _lastCtrl.stream.transform(fieldSize);
  Stream<String> get username => _userNameCtrl.stream.transform(fieldSize);
  Stream<String> get password => _passwordCtrl.stream.transform(fieldSize);

  void insertValue() {
    print("${_firstCtrl.value}");
    print("${_lastCtrl.value}");
    print("${_userNameCtrl.value}");
    print("${_passwordCtrl.value}");
  }

  Stream<bool> get insertButton {
    return CombineLatestStream(
      [firstname, lastname, username, password],
      (values) {
        return true;
      },
    );
  }

  dispose() {
    _firstCtrl.close();
    _lastCtrl.close();
    _userNameCtrl.close();
    _passwordCtrl.close();
  }
}

Код для кнопки: 

Widget insertValue(BuildContext context, LoginScreenBloc bloc) {
  return StreamBuilder<Object>(
    stream: bloc.insertButton,
    builder: (context, snapshot) {
      return RaisedButton(
        child: Text("Insert"),
        onPressed: snapshot.hasData ? bloc.insertValue : null,
      );
    },
  );
}

1 Ответ

0 голосов
/ 24 мая 2019

попробуйте использовать непрозрачность подключения для кнопки включения и поставить условие для клика и видимости .. вот так .. 

            Container(
          child: Opacity(opacity: isValid ? 1.0 : 0.7,
            child: RaisedButton(
              color: Colors.red,
              onPressed: _loginPressed,

              child: Text('Sign In',
                  style: TextStyle(fontSize: 15.0, color: Colors.white)),
            ),
          ),

        ),
...