在我的flutter应用程序中,我有一个ConnectivityStatus
小部件,该小部件显示了该应用程序与树莓派的当前连接状态。在我的小部件initState
中,我订阅了一个计时器,每隔5秒检查一次连接,并相应地更新状态,然后在处置后退订。
问题是,当多个屏幕使用ConnectivityStatus
小部件时,例如在堆栈导航器设置中,我现在有两个并发订阅,这两个实例都没有被处置。这会导致许多多余的不必要的请求。
我真正想要的是要么在多个屏幕上共享小部件的单个实例,要么让多个实例可以访问一个全局状态。
我该如何实现?或者是针对我的问题的其他推荐解决方案?
答案 0 :(得分:1)
我建议使用提供程序并创建一个RPIService
来发送连接状态流。
class RPIService {
var RPIstatus = ValueNotifier<Status>(Status('offline'));
RPIService(){
rpi...listen((cstatus){
RPIstatus.add(Status(cstatus));
});
}}
class Status {
final String statusMessage;
Status(this.statusMessage);
}
main.dart
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MultiProvider(
providers: [
Provider<UserService>(
create: (context) => UserService(),
lazy: false,
),
StreamProvider<Status>(
create: (context) =>
Provider.of<RPIService>(context, listen: false).RPIstatus,
),
],
child: MaterialApp(
title: 'Your app',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: YourHome(),
),
);
}
}
yourHome.dart
class YourHome extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Consumer<Status>(builder: (context, status, _) {
return Scaffold(
body: Text(status.status),
);
});
}
}
答案 1 :(得分:0)
最简单的方法是使用InheritedWidget将ConnectivityStatus传递给降序的小部件。 https://api.flutter.dev/flutter/widgets/InheritedWidget-class.html
您还可以研究其他状态管理解决方案,例如提供商 https://pub.dev/packages/provider 或集团 https://pub.dev/packages/flutter_bloc
答案 2 :(得分:0)
实现此目标的另一种方法是使用GlobalKey
,因为这是在应用程序中共享单个窗口小部件状态的官方Flutter方法。
在key.dart
文件中:
final GlobalKey<ConnectivityStatusState> connectivityStatusKey = GlobalKey();
创建ConnectivityStatus
小部件时:
ConnectivityStatus(
key: connectivityStatusKey,
...
)
您要访问ConnectivityStatus
状态的位置:
connectivityStatusKey.currentState.anythingPublicInThisState()
要使用此功能,请确保您的状态类是公共的(没有_
),并且ConnectivityStatus
小部件在小部件树中且唯一存在。
希望这会有所帮助!