调用有状态小部件外部的方法以使用 flutter Bloc 更新 UI

Question

我已经实现了 countetEvent 和 counterBloc：

abstract class CounterEvent {}

class IncrementEvent extends CounterEvent {}

class DecrementEvent extends CounterEvent {}

和 counterBloc:

import 'dart:async';
import 'counter_event.dart';

class CounterBloc {
int _counter = 0;

final _counterStateController = StreamController<int>();
StreamSink<int> get _inCounter => _counterStateController.sink;
Stream<int> get counter => _counterStateController.stream;

final _counterEventController = StreamController<CounterEvent>();
Sink<CounterEvent> get counterEventSink => _counterEventController.sink;

CounterBloc() {
_counterEventController.stream.listen(_mapEventToState);
} 

void _mapEventToState(CounterEvent event) {
if (event is IncrementEvent)
  _counter++;
else
  _counter--;

_inCounter.add(_counter);
}

void dispose() {
_counterStateController.close();
_counterEventController.close();
}

}

并且在我的 main.dart 中我声明：

  final _bloc = CounterBloc();

我有两个按钮，一个递增，一个递减。减量只是在 main.dart 文件中使用它时才找到，例如 soo:

    RaisedButton(
                    onPressed: () =>
                        _bloc.counterEventSink.add(DecrementEvent()),
                    child: Text("Minus"),
                  )

这将更新 bloc 中的变量以及小部件。但是对于增量，当我使用函数从 main.dart 外部调用它时，它会增加 bloc 中的值，但 UI 不会更新。我是这样实现的：

children: [
                  Button(), /// A stateful widget that returns a button
                  RaisedButton(
                    onPressed: () =>
                        _bloc.counterEventSink.add(DecrementEvent()),
                    child: Text("Minus"),
                  ),
                ],

这是按钮class:


class Button extends StatefulWidget {
  @override
  _ButtonState createState() => _ButtonState();
}

class _ButtonState extends State<Button> {
  final _bloc = CounterBloc();

  @override
  Widget build(BuildContext context) {
    return Container(
      child: RaisedButton(
        onPressed: () => _bloc.counterEventSink.add(IncrementEvent()),
        child: Text("Add"),
      ),
    );
  }
}

如何在小部件外部使用 bloc 事件并更新 UI？或者简单地说，如何从另一个 class.

更新有状态小部件

Answer 1

可能会回答您的问题。这就是我如何解决不同块之间的一些通信问题。您也可以 look-up 继承小部件，但是，我还没有尝试过。

调用有状态小部件外部的方法以使用 flutter Bloc 更新 UI

Call method outside stateful widget to update UI with flutter Bloc

dart

flutter

bloc

stream-builder