#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));
...