在颤振中检查连接并根据连接状态更改状态

Question

我是 Flutter 和 connectivity 的新手。我尝试connectivity 包它可以工作，但我想在现有应用程序中实现。如果有可用的连接，则打开HomePage() 状态，否则请参阅另一个state。 请帮帮我。

这是我的代码 https://pastebin.com/3wbDiF8j (main.dart)。 https://pastebin.com/vPUYUdgc (noInternet.dart)

Answer 1

使用 Connectivity Plus 包并使用 StreamBuilder 返回 MaterialApp。 这样，您就不必检查每个页面上的连接。

StreamBuilder(
        stream: Connectivity().onConnectivityChanged,
        builder: (context, AsyncSnapshot<ConnectivityResult> snapshot) {
          return snapshot.data == ConnectivityResult.mobile ||
                  snapshot.data == ConnectivityResult.wifi
              ? OnlineMaterialApp()
              : OfflineMaterialApp();
        },
      ),

Answer 2

首先，您可以监听更改，例如在应用顶部的 onInit 方法中：

connectivity.onConnectivityChanged
        // .distinct()  (from rxdart package, uncomment if you have this dep)
        // debounce time for epileptic network
        // .debounceTime(_debounceTime)  (from rxjs package)
        .listen((c) => setState(() => connectivity = c));

您现在可以在构建方法中使用该值。

这必须包装您的应用程序页面，为此您可以在一个小部件中设置上述侦听器，该小部件将根据连接状态显示正确的孩子，并在构建方法中使用该小部件：

MaterialApp(
  // ...
  builder: (ctx, child) => ConnectivityWrapper(child)
)

并在 ConnectivityWrapper onInit 中

connectivity.onConnectivityChanged
        // .distinct()  (from rxjs package, uncomment if you have this dep)
        // .debounceTime(Duration(milliseconds: 400))  (from rxjs package)
        .listen((c) => setState(() => connectivity = c));

在连接包装器构建中：

if (connectivity == ConnectivityResult.none) 
  return NoInternetPage();
return child;