Состояние Flutter Cubit не покидает начальную точку (MyInitialState)

#flutter #dart #flutter-layout #bloc #state-management

#трепетать #дротик #флаттер-макет #блок #управление состоянием

Вопрос:

Я изучаю cubit / bloc, но когда у меня есть страница, которая загружает информацию из файла json, мой статус не меняется.

Я понятия не имею, что происходит, потому что он не возвращает никакой ошибки, но через печать я могу следить за текущими состояниями. Я также не нашел источник информации, который использует этот способ, без необходимости щелчка или чего-то еще

мой локоть

    class AgentesCubit extends Cubit<AgentesState> {
      final AgentesRepository _agentesRepository = JsonAgentesRepository();
      AgentesCubit() : super(AgentesInitial());
      List<Agentes> listAgentes;
    
      getAgentes() async {
        try {
          emit(AgentesLoading());
          _agentesRepository.loadAgentes().then((data) => listAgentes = data);
          print(listAgentes);
          emit(AgentesLoaded(listAgentes));
        } on NetworkError {
          emit(AgentesError('Ocorreu algo inesperado, tente novamente mais tarde'));
        }
      }
    }
    
    class NetworkError {}
  

мои состояния

 part of 'agentes_cubit.dart';

@immutable
abstract class AgentesState {
  const AgentesState();
}

class AgentesInitial extends AgentesState {
  const AgentesInitial();
}

class AgentesLoading extends AgentesState {
  const AgentesLoading();
}

class AgentesLoaded extends AgentesState {
  final List<Agentes> agentes;
  const AgentesLoaded(this.agentes);

  @override
  bool operator ==(Object o) {
    if (identical(this, o)) return true;
    return o is AgentesLoaded amp;amp; o.agentes == agentes;
  }

  @override
  int get hashCode => agentes.hashCode;
}

class AgentesError extends AgentesState {
  final String message;
  const AgentesError(this.message);

  @override
  bool operator ==(Object o) {
    if (identical(this, o)) return true;

    return o is AgentesError amp;amp; o.message == message;
  }

  @override
  int get hashCode => message.hashCode;
}
  

моя страница

 class AgentesPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
          child: BlocBuilder<AgentesCubit, AgentesState>(
        cubit: AgentesCubit(),
        builder: (context, state) {
          if (state is AgentesInitial) {
            print('initial');
            return buildLoading();
          } else if (state is AgentesLoading) {
            print('loading');
            return buildLoading();
          } else if (state is AgentesLoaded) {
            print('loaded');
            return buildAgentesList(state.agentes, context);
          }
          return Container();
        },
      )),
    );
  }

  buildLoading() {
    return Center(
      child: CircularProgressIndicator(),
    );
  }

  buildAgentesList(agentes, context) {
    print(agentes);
    return Container(
      width: MediaQuery.of(context).size.width,
      child: ListView.builder(
          itemCount: agentes.length,
          itemBuilder: (context, index) => CustomAgenteItem(agentes[index])),
    );
  }

  void loadAgentes(BuildContext context) {
    final agentesCubit = context.bloc<AgentesCubit>();
    agentesCubit.getAgentes();
  }
}
  

виджет элемента «Мои агенты»

 class CustomAgenteItem extends StatelessWidget {
  final Agentes agente;
  CustomAgenteItem(this.agente);

  @override
  Widget build(BuildContext context) {
    return InkWell(
        highlightColor: mainColor,
        splashColor: mainColor,
        onTap: () => print(''),
        child: Container(
          width: MediaQuery.of(context).size.width,
          child: new ParallaxImage(
            child: Padding(
              padding: const EdgeInsets.only(top: 16.0, left: 16),
              child: Text(
                agente.nome,
                style: listAgents,
              ),
            ),
            extent: 100.0,
            image: new AssetImage(
              'assets/images/bg.jpg',
            ),
          ),
        ));
  }
}
  

мой репозиторий

 class AgentesRepository {
  loadAgentes() async {
    return agentesFromJson(
        await rootBundle.loadString('assets/infos/agentes.json'));
  }
}
  

Комментарии:

1. В конечном итоге, я вижу, что вы не ожидаете вызова api в MyCUBIT. Это может вызвать проблему.

Ответ №1:

Похоже, вам нужен await результат _agentesRepository.loadAgentes() , поскольку это асинхронная функция, в противном случае блок кода продолжит выполнение следующей строки кода. Вы также можете переместить весь код после этой строки в функцию, которую вы передаете .then , но он также не будет считываться.

Также не похоже, что вам нужно listAgentes определить в AgentesCubit классе

 ...
var data = await _agentesRepository.loadAgentes();
emit(AgentesLoaded(data));
...