flutter bloc模式导航返回导致状态不佳

Question

关于flocter的bloc模式，我有一个问题/疑问。目前，我正在开始这样的应用程序

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：调用close后无法添加新事件

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

我在这里做了一些关于导航的错误，还是还有其他一些关于颤动或集团模式的问题？

Answer 1

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

此错误意味着您在调用add后在StreamController上调用close：

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

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

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

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