Flutter Cubit状态不会离开起点MyInitialState

问题描述

我正在学习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 && 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 && 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'));
  }
}

解决方法

由于它是一个异步函数，因此您似乎需要await的结果_agentesRepository.loadAgentes()，否则代码块将继续运行下一行代码。您还可以将该行之后的所有代码移到传递给.then的函数中，但它也不会读取。

看起来您并不需要在listAgentes类上定义AgentesCubit

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