3

我的目标是使用多个流而不必嵌套 3+ StreamBuilders。

我已经在使用 rxdart 并且我研究了 mergewith 但我真的不明白使用它的正确语法？

我目前有一个名为InfoBloc. 这是里面的代码InfoBloc

  final _name = BehaviorSubject<String>();
  final _description = BehaviorSubject<String>();
  final _picture = BehaviorSubject<File>();

  Observable<String> get name => _name.stream.transform(_validateName);
  Observable<File> get picture => _picture.stream;
  Observable<String> get eventDescription =>
      _description.stream.transform(_validateMessage);

  final _validateMessage = StreamTransformer<String, String>.fromHandlers(
      handleData: (eventMessage, sink) {
    if (eventMessage.length > 0) {
      sink.add(eventMessage);
    } else {
      sink.addError(StringConstant.eventValidateMessage);
    }
  });

  var obs = Observable.merge([])
  final _validateName = StreamTransformer<String, String>.fromHandlers(
      handleData: (String name, sink) {
    if (RegExp(r'[!@#<>?":_`~;[\]\\|=+)(*&^%0-9-]').hasMatch(name)) {
      sink.addError(StringConstant.nameValidateMessage);
    } else {
      sink.add(name);
    }
  });

  void dispose() async {
    await _description.drain();
    _description.close();
    await _name.drain();
    _name.close();
    await _picture.drain();
    _picture.close();
  }

现在在一个小部件内部，我需要名称、图片和描述快照。所以我通常会这样做

 StreamBuilder(
   stream: _bloc.name,
   builder: (BuildContext context, AsyncSnapshot<String> snapshotName) {
     return StreamBuilder(
       stream: _bloc.eventDescription,
       builder: (BuildContext context, AsyncSnapshot<String> snapshotDescription) {
         return StreamBuilder(
           stream: _bloc.picture,
           builder: (BuildContext context, AsyncSnapshot<File> snapshotName) {

但是必须有更好的方法来做到这一点。

梦想是我可以在InfoBloc文件中制作一些可以组合所有这些流的东西，并且我只需要使用一次 StreamBuilder 来流化组合的流。

4

2 回答 2

3

您可以检查该类的combineLatest()方法。Observable它通过使用组合器函数将给定的 Streams 合并到一个 Observable 序列中，以便生成的 Observable 不会发出，除非所有 Streams 都发出了至少一项。

有一堆combineLatest()方法。但由于您有 3 个流，您可以使用combineLatest3().

例子 -

Observable.combineLatest3(
  new Observable.just("a"),
  new Observable.just("b"),
  new Observable.fromIterable(["c", "c"]),
  (a, b, c) => a + b + c)
.listen(print); //prints "abc", "abc"

您可以查看此链接以获取更多信息。

更新 -

您可以参考以下示例在代码中使用该功能。

Observable<String> get name => _name.stream.transform(_validateName);
Observable<File> get picture => _picture.stream;
Observable<String> get eventDescription => _description.stream.transform(_validateMessage);
//Add this line to combine your Streams
Observable<bool> readyToSubmit => Observable.combineLatest3(name, picture, eventdescription, (value1, value2, value3) => true);
//We simply return true from the combiner function since we don't want to perform any operation on the Streams when combining.

例如，我使用了一种bool类型Observable。您可以将类型更改为可以使用的Map<String, dynamic>' and add the Stream values into theMap if you want to access the data from all three streams. And in yourStreamBuilder` 小部件 -

StreamBuilder(
   stream: _bloc.readyToSubmit,
   builder: //Your builder function here
)

希望这可以帮助！

于 2019-04-16T05:48:22.200 回答
1

我用这个rxdart：

Rx.combineLatest2(behaviorSubject1, behaviorSubject2, (String mail, String subject) {
      return (mail.isNotEmpty && subject.isNotEmpty);
    }).listen((event) {
      event ? _enableButton.add(true) : _enableButton.add(false);
    });
于 2021-07-21T06:50:55.437 回答