[英]flutter_bloc share state for many blocs
假设我想在每次调用 Api 时检查互联网连接,如果没有互联网,则调用抛出异常(如NoInternetException) ,然后向用户显示 state 屏幕告诉他检查他们的连接。
如何在不为flutter_bloc
库中的每个块创建新的 state 的情况下实现这一目标?
您可以在管理您的根页面(如 authentication_page 和 homepage)的区域中执行此操作。
为 noConnectivity 创建一个state
。
NoConnectivity extends AuthenticationState{
final String message;
const NoConnectivity({ this.message });
}
现在为 noConnectivity 创建一个event
。
NoConnectivityEvent extends AuthenticationEvent{}
最后,在您的AuthenticationBloc
中创建一个 StreamSubscription 以持续侦听connecitvityState
更改,如果 state 是connectivity.none
,我们将触发NoConnecitivity
state。
class AuthenticationBloc
extends Bloc<AuthenticationEvent, AuthenticationState> {
StreamSubscription subscription;
@override
AuthenticationState get initialState => initialState();
@override
Stream<AuthenticationState> mapEventToState(
AuthenticationEvent event,
) async* {
// ... all other state map
else if(event is NoConnectivityEvent) {
yield* _mapNoConnectivityEventToState();
}
Stream<AuthenticationState> _mapNoConnectivityEventToState() async * {
subscription?.cancel();
//Edit to handle android internet connectivity.
subscription = Connectivity()
.onConnectivityChanged
.listen((ConnectivityResult result) {
if(Platform.isAndroid) {
try {
final lookupResult = InternetAddress.lookup('google.com');
if (lookupResult.isNotEmpty && lookupResult[0].rawAddress.isNotEmpty) {
print('connected');
}
} on SocketException catch (error) {
return add(NoConnectivityState(message: error.message ));
}
} else if(result == ConnectivityResult.none ) {
return add(NoConnectivityState(message: "Noconnection")) ;
}
print("Connected");
});
}
@override
Future<void> close() {
subscription?.cancel();
return super.close();
}
}
此订阅 Stream 将永远收听no connection
并将您喜欢的相应页面推送到 state。
所需的软件包
希望能帮助到你!
你需要基本 class bloc 让我们说他的名字“BaseBloc” ,他应该从“Bloc”class 继承,并实现“mapToStateEvent”方法来处理“noInternet”异常,然后在调用方法之后让我们说他的名字“internalMapToStateEvent”你创建,此方法是覆盖方法,并从“BaseBloc”继承了您所有的块 class,并且您需要与页面相同的方法来绘制一个小部件“noInternetWidget”
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.