颤动块模式导航返回导致状态不佳

Question

我有一个关于颤振的 bloc plattern 的问题/问题。 目前，我正在像这样启动我的应用程序

class _MyAppState extends State<MyApp> {

@override
  Widget build(BuildContext context) {        
    return BlocProvider(
        bloc: MyBloc(),
        child: MaterialApp(
          title: "MyApp",
          home: MyHomePage(),    
          routes: {
            '/homePage': (context) => MyHomePage(),
            '/otherPage': (context) => OtherPage(),
            '/otherPage2': (context) => OtherPage2(),
            ...
          },
        ));

这样我就可以像检索/访问 myBloc 一样

myBloc = BlocProvider.of(context) as MyBloc;

以及状态所代表的数据

BlocBuilder<MyBlocEvent, MyObject>(
    bloc: myBloc,
    builder: (BuildContext context, MyObject myObject) {         
     ....
     var t = myObject.data;
     ....
     myBloc.onFirstEvent();
     ...
 }; 

在我需要的地方。

MyBloc 是这样实现的：

abstract clas MyBlocEvent {}
class FirstEvent extends MyBlocEvent {}
class SecondEvent extends MyBlocEvent {}

class MyBloc extends Bloc<MyBlocEvent , MyObject>

void onFirstEvent()
{
  dispatch(FirstEvent());
}

void onSecondEvent()
{
  dispatch(SecondEvent());
}

@override
Stream<MyObject> mapEventToState( MyObject state, MyBlocEvent event) async* {
if (event is FirstEvent) {
    state.data = "test1";
}
else if (event is SecondEvent) {
    state.otherData = 5;
}
    yield state;
}

我现在遇到的问题是，一旦我改变状态值并调用

Navigator.pop(context)

要返回当前堆栈，我无法再更改任何状态，因为底层流似乎已关闭。它失败并显示消息：

抛出了另一个异常：Bad state: Cannot add new events after call close"

现在这只发生在我调用 pop 之后。如果我只推送新屏幕，我可以愉快地更改状态数据而不会出现任何问题。

我是否在此处的导航方面做错了什么，或者关于颤振或 bloc 模式本身还有什么我没有发现的吗？

Answer 1

错误状态：调用关闭后无法添加新事件

此错误表示您在调用StreamController 之后调用add 调用了close：

 var controller = StreamController<int>();
 controller.close();
 controller.add(42); // Bad state: Cannot add new events after calling close

这可能与您在 dispose 方法中调用“错误”小部件中的 close 有关。

一个好的经验法则是从不在创建它的小部件之外处置/关闭一个对象。这样可以确保您不能使用已处置的对象。

Answer 2

希望这对您的调试有所帮助。

应用的导航取决于您的小部件设计。

我使用无状态小部件并使用 bloc 的数据呈现视图。

每当我导航到另一个页面时，我都会弹出当前小部件并导航到下一个小部件。

下一个无状态小部件声明 bloc， 那么在你后续的无状态小部件中应该包含像MyBloc.dispatch(event(param1: value1, param2: value2));这样的调用

在 MyBloc 中，您需要设置包含最终值的状态工厂；

@override
Stream<MyObject> mapEventToState( MyObject state, MyBlocEvent event) async* {
if (event is FirstEvent) {
    // set it in the state, so this code is omitted
    // state.data = "test1";
    // add this
    yield state.sampleState([], "test1");
}
else if (event is SecondEvent) {
    // state.otherData = 5;
    yield state.sampleState([], 5);
} else {
    yield state.sampleState([], null);
}

MyObjectState 需要这样设置，

class MyObjectState {
  final List<Bar> bars;
  final String Foo;

  const MyObjectState(
      {this.bars,
      this.foo,
  });

  factory MyObjectState.sampleState(List<Bar> barList, String value1) {
    return MyObjectState(bars: barList, foo: message);
  }
}

这样无状态小部件可以像这样使用块 MyBloc.currentState.sampleState.foo

您可以尝试运行 Felix Angelov 的颤振项目。 Login Flow Example