使用两个组合流创建 RxCommand

Question

我有一个包含两个输入的表单：name & address 和一个save 按钮。

所以我为每个命令创建了 change 和 isValid 命令

final _nameChangedCommand = RxCommand.createSync<String, String>((x) => x);
final _isNameValidCommand = RxCommand.createSync<String, bool>((x) => x != "");

final _addressChangedCommand = RxCommand.createSync<String, String>((x) => x);
final _isAddressValidCommand = RxCommand.createSync<String, bool>((x) => x != "");

我正在尝试为 canSave = _isNameValidCommand && _isAddressValidCommand 创建相同的保存按钮，但无法弄清楚语法。

我创建了一个 ZipStream ：

final _isNameAddressValidStream =
    new StreamZip([_isNameValidCommand, _isAddressValidCommand])
        .map((results) => results.first && results.last)
        .distinct();

final _canSaveCommand =
    RxCommand.createFromStream((_) => _isNameAddressValidStream);

但永远不会调用流。

有什么提示吗？

Answer 1

是的，我也想到了“combineLatest”。 combineLatest 的重要之处在于它不会发布任何数据，除非它在所有输入流上都收到了某些内容。如果您在将 .startWith 提供给 conbineLatest 之前添加具有初始值的 .startWith，则最好达到此目的。类似的东西

final _isNameAddressValidStream =
    Observable.combineLatest2<String, String, bool>(
        _nameChangedCommand.startWith(''),
        _addressChangedCommand.startWidth(''),
        (name, address) => name != '' && address != '');

final _saveCommand = RxCommand.createSyncNoResult(
    (dataObject) => _saveToWhatever, // your actual save function 
    canExecute: _isNameAddressValidStream);
        .distinct();

因此，您只需要两个命令即可将 _saveCommand 用于您的 Button 的 onTaphandler 并使用 _saveCommand.canExecute Observable 来提供 StreamBuilder，该 StreamBuilder 使您的按钮处于激活或停用状态。