Question

在我的flutter应用程序中，我有一个ConnectivityStatus小部件，该小部件显示了该应用程序与树莓派的当前连接状态。在我的小部件initState中，我订阅了一个计时器，每隔5秒检查一次连接，并相应地更新状态，然后在处置后退订。

问题是，当多个屏幕使用ConnectivityStatus小部件时，例如在堆栈导航器设置中，我现在有两个并发订阅，这两个实例都没有被处置。这会导致许多多余的不必要的请求。

我真正想要的是要么在多个屏幕上共享小部件的单个实例，要么让多个实例可以访问一个全局状态。

我该如何实现？或者是针对我的问题的其他推荐解决方案？

Answer 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),
      );
    });
  }
}

Answer 2

最简单的方法是使用InheritedWidget将ConnectivityStatus传递给降序的小部件。 https://api.flutter.dev/flutter/widgets/InheritedWidget-class.html

您还可以研究其他状态管理解决方案，例如提供商 https://pub.dev/packages/provider 或集团 https://pub.dev/packages/flutter_bloc

Answer 3

实现此目标的另一种方法是使用GlobalKey，因为这是在应用程序中共享单个窗口小部件状态的官方Flutter方法。

在key.dart文件中：

final GlobalKey<ConnectivityStatusState> connectivityStatusKey = GlobalKey();

创建ConnectivityStatus小部件时：

ConnectivityStatus(
  key: connectivityStatusKey,
  ...
)

您要访问ConnectivityStatus状态的位置：

connectivityStatusKey.currentState.anythingPublicInThisState()

要使用此功能，请确保您的状态类是公共的（没有_），并且ConnectivityStatus小部件在小部件树中且唯一存在。

希望这会有所帮助！

小部件的多个实例之间的抖动共享状态

3 个答案: