состояние не уступает по образцу Flutter blo c - PullRequest
Новая
       6

состояние не уступает по образцу Flutter blo c

1 голос
/ 31 марта 2020

Я создаю тестовое приложение в flutter blo c patter, используя пакет flutter_blo c. Проблема в том, что отображаются только состояния Event1, но код выполняется в mapEventToState. Я думаю, что проблема с оператором yield, потому что при запуске Event2 выполняются соответствующие операторы печати в mapEventToState.

Функция mapEventTOState в page_blo c .dart 

Stream<PageState> mapEventToState(PageEvent event) async* {
    print(event);
    if (event is Event1) {
      print(">> $event");
      yield State10();
      try {
        await someAsyncFunction();
        yield State11(message: "message");
        print("reached 100");
      } catch (e) {
        yield State12();
      }
    } else if (event is Event2) {
      yield State20();
      try {
        await someAyncFunction2();
        yield State21();
      } catch (e) {
        yield State22(message: e.toString());
      }
    }
    // TODO: implement mapEventToState
  }

page_state.dart выглядит следующим образом: 

abstract class PageState extends Equatable {
  @override
  List<Object> get props => [];
}

class State10 extends PageState {}
class State11 extends PageState {}
class State12 extends PageState {}

class State20 extends PageState {}
class State21 extends PageState {}
class State22 extends PageState {}

page_event.dart указан ниже 

abstract class PageEvent extends Equatable {
  @override
  // TODO: implement props
  List<Object> get props => null;
}

class Event1 extends PageEvent {}
class Event2 extends PageEvent {}

BlocBuilder выглядит следующим образом: 

child: BlocBuilder<PageBloc, PageState>(
                    builder: (context, state) {
                      print(state);
                      if (state is State10) {
                        return Text("State10");
                      } else if (state is State11) {
                        return Text("State11");
                      } else if (state is State12) {
                        return Text("State12");
                      } else if (state is State20) {
                        return Text("State20");
                      } else if (state is State21) {
                        return Text("State21");
                      } else if (state is State22) {
                        return Text("State22");
                      }                       
                    },
                  )

Плавающее действие Кнопка в эшафот выглядит следующим образом: 

floatingActionButton: FloatingActionButton(
        onPressed: () => pageBlocInstace2..add(Event2()),
        child: Icon(Icons.done),
      ),

И еще один виджет в эшафот выглядит следующим образом: 

GestureDetector(
        onTap: () => pageBlocInstace1..add(Event1()),
        child: Center(child: Text("Tap to here")));

1 Ответ

3 голосов
/ 31 марта 2020

Эта проблема была связана с тем, что два события вызывают отдельный экземпляр blo c. 

floatingActionButton: FloatingActionButton(
        onPressed: () => pageBlocInstace..add(Event2()),
        child: Icon(Icons.done),
      ),

GestureDetector(
        onTap: () => pageBlocInstace..add(Event1()),
        child: Center(child: Text("Tap to here")));
...