[英]how to change state in Bloc?
我正在學習 Bloc 並遇到問題
如何從加載state變為加載state?
我的代碼在這里:
test.dart 求大家幫忙
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:helloapp/profile/bloc/popup/popup_bloc.dart';
class TestScreen extends StatelessWidget {
const TestScreen({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return BlocProvider(
create: (_) => PopupBloc(),
child: BlocBuilder<PopupBloc, PopupState>(
builder: (context, state) {
if (state is PopupLoadingState) {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
Container(
margin: EdgeInsets.symmetric(vertical: 50),
child: CircularProgressIndicator()
),
],
);
}
if (state is PopupLoadedState) {
return Text(state.avatar + state.phone + state.name);
}
return Text('123');
},
),
);
}
}
popup_bloc.dart 求大家幫助
import 'package:bloc/bloc.dart';
import 'package:equatable/equatable.dart';
part 'popup_event.dart';
part 'popup_state.dart';
class PopupBloc extends Bloc<PopupEvent, PopupState> {
PopupBloc() : super(PopupLoadingState()) {
on<PopupEvent>((event, emit) {
emit(PopupLoadingState());
emit(PopupLoadedState(avatar: '123', name: 'name', phone: 'phone'));
});
}
}
popup_event.dart
part of 'popup_bloc.dart';
abstract class PopupEvent extends Equatable {
const PopupEvent();
@override
List<Object?> get props => [];
}
class PopupLoadingEvent extends PopupEvent{}
class PopupLoadedEvent extends PopupEvent{}
class PopupErrorEvent extends PopupEvent{}
popup_state.dart 求大家幫助
part of 'popup_bloc.dart';
abstract class PopupState extends Equatable {
const PopupState();
}
class PopupLoadingState extends PopupState {
@override
// TODO: implement props
List<Object?> get props => [];
}
class PopupLoadedState extends PopupState {
final String avatar;
final String name;
final String phone;
PopupLoadedState({
required this.avatar,
required this.name,
required this.phone
});
@override
// TODO: implement props
List<Object?> get props => [avatar, name, phone];
}
class PopupErrorState extends PopupState {
@override
// TODO: implement props
List<Object?> get props => [];
}
應該為特定事件注冊事件處理程序
class PopupBloc extends Bloc<PopupEvent, PopupState> {
PopupBloc() : super(PopupLoadingState()) {
on<PopupLoadingEvent>((event, emit) async {
emit(PopupLoadingState());
/// ... do some async operation and finally emit a loaded or error state
emit(PopupLoadedState(avatar: '123', name: 'name', phone: 'phone'));
});
}
}
並在創建集團時觸發
return BlocProvider(
create: (_) => PopupBloc()..add(PopupLoadingEvent()),
...
);
嘗試這個
return BlocProvider(
create: (_) => PopupBloc()..add(PopupEvent.PopupLoadingEvent())..add(PopupEvent.PopupLoadedEvent()),
...
);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.