Флаттер Blo c против государственного провайдера для "InProgress" - PullRequest
0 голосов
/ 03 марта 2020

Я могу управлять состоянием InProgress с помощью оператора yield в Flutter Blo c,

My blo c:

@override
  Stream<ContentState> mapEventToState(
    ContentEvent event,
  ) async* {
    if (event is ContentStarted) {
      yield ContentLoadInProgress(); //yeah
      var content= await repository.getContent();
      yield ContentLoadSuccess(content);
    }
    ...
 }

page:

      builder: (context, state) {
         if (state is ContentInProgress) {
          return LoadingWidget();         //showing CircularProgressIndicator Widget
        } else if (state is ContentLoadSuccess) {
         return Text(state.content); 
         }

(Состояния: InitState, ContentLoadInProgress, ContentLoadSuccess, ContentLoadFailure)

Как управлять состоянием «ContentLoadInProgress» в Управление состоянием поставщика ?

1 Ответ

2 голосов
/ 03 марта 2020

Вы можете сохранить свои состояния как enum

enum ContentStates { 
  InitState, 
  ContentLoadInProgress, 
  ContentLoadSuccess, 
  ContentLoadFailure,
}

В классе вашего провайдера:

class ContentProvider with ChangeNotifier {
  ContentState state = ContentStates.InitState;
  Content content;

  yourEvent() {
    state = ContentStates.ContentLoadInProgress;
    notifyListeners(); // This will notify your listeners to update ui

    yourOperations();
    updateYourContent();
    state = ContentStates.ContentLoadSuccess;
    notifyListeners();
  } 
}

Внутри вашего виджета вы можете использовать Consumer (Предполагая, что вы уже использовали ChangeNotifierProvider выше в вашем дереве виджетов)

Consumer(
  builder: (context, ContentProvider provider, _) {
    if (provider.state == ContentStates.ContentLoadInProgress) {
      return LoadingWidget();
    } else if (provider.state == ContentStates.ContentLoadSucces) {
      // use provider.content to get your content
      return correspondingWidget();
    } else if .... // widgets for other states
  }
)
...