2

我正在尝试在 Flutter Bloc 中创建一个计时器，以便在调用 DataFetchRequested 事件后每 30 秒获取一次数据。


class DataBloc extends Bloc<BlocEvent, BlocState> {
  final Api _api;
  Timer _timer;

  DataBloc(this._api);

  @override
  BlocState get initialState => StateInitial();

  @override
  Stream<BlocState> mapEventToState(BlocEvent event) async* {
    if (event is DataFetchRequested) {
      _resetTimer((timer) => _fetchData());
      yield* _fetchData();
    }
  }

  Stream<BlocState> _fetchData() async* {
    yield StateLoading();

    try {
      final result = await _api.fetch();
      yield StateSuccess(result);
    } catch (e) {
      _timer.cancel();
      yield StateFailure(e.toString());
    }
  }

  _resetTimer(void Function(Timer) onCallback) {
    _timer?.cancel();
    _timer = Timer.periodic(Duration(seconds: 1), onCallback);
  }

  @override
  Future<void> close() {
    _timer?.cancel();
    return super.close();
  }
}

但是，当以这种方式调用时，计时器不会做任何事情。

尝试改变

_resetTimer((timer) => fetchFn);

到

yield* _resetTimer((timer) async* {
  yield* fetchFn;
});

这导致了错误：

Tried calling: listen(Closure: (Object) => void from Function '_add@4048458':., cancelOnError: false, onDone: Closure: () => void from Function '_close@4048458':., onError: Closure: (Object, StackTrace) => void from Function '_addError@4048458':.) occurred in bloc Instance of 'DataBloc'.
#0      Object.noSuchMethod  (dart:core-patch/object_patch.dart:53:5)
#1      new _AddStreamState  (dart:async/stream_controller.dart:900:34)
#2      new _StreamControllerAddStreamState  (dart:async/stream_controller.dart:952:9)
#3      _StreamController.addStream  (dart:async/stream_controller.dart:571:13)
#4      _AsyncStarStreamController.addStream  (dart:async-patch/async_patch.dart:206:37)
#5      DataBloc.mapEventToState 
package:app/…/data/DataBloc.dart:33
<asynchronous suspension>
#6      Bloc._bindEventsToStates.<anonymous closure> <…&gt;

是否可以在 Bloc 中使用 Timer 每 30 秒获取一次数据？

尝试使用 Stream.periodic，但也失败了。

我能够通过在演示小部件中使用计时器并每 30 秒调用一次事件来实现我想要的，但我想将此逻辑从演示小部件移动到 DataBloc - 这可能吗？

4

1 回答 1

6

我认为这应该可行；

class DataBloc extends Bloc<BlocEvent, BlocState> {
  final Api _api;
  StreamSubscription _periodicSubscription;

  DataBloc(this._api);

  @override
  BlocState get initialState => StateInitial();

  @override
  Stream<BlocState> mapEventToState(BlocEvent event) async* {
    if (event is DataFetchRequested) {
      yield StateLoading();
      if(_periodicSubscription == null) {
        _periodicSubscription ??=
            Stream.periodic(const Duration(seconds: 30), (x) => x).listen(
                    (_) => add(const FetchEvent()),
                onError: (error) =>
                    print("Do something with $error")
            );
      } else {
        _periodicSubscription.resume();
      }
    }
    if(event is FetchEvent){
      yield StateLoading();

      try {
        final result = await _api.fetch();
        yield StateSuccess(result);
      } catch (e) {
        _periodicSubscription.pause();
        yield StateFailure(e.toString());
      }
    }
  }

  @override
  Future<void> close() async {
    await _periodicSubscription?.cancel();
    _periodicSubscription = null;
    return super.close();
  }
}

FetchEvent是您必须创建的新事件类。

于 2020-05-19T12:44:13.563 回答