如何在 Flutter Web view App 中在没有互联网的情况下打开 Web View 应用程序时显示“您处于离线状态”？

Posted 2023-02-23

【中文标题】如何在 Flutter Web view App 中在没有互联网的情况下打开 Web View 应用程序时显示“您处于离线状态”？

【英文标题】：How to show "You're offline" when web view app open without internet in Flutter Web view App? [closed]

【发布时间】：2022-01-11 10:07:25

【问题描述】：

我在 Flutter 中创建了一个 Webview 应用程序。但是当应用程序在没有互联网的情况下打开时，它会显示这个 enter image description here

在没有互联网的情况下打开此应用时，我想在此处显示另一张图片。我该怎么做？

【参考方案1】：

您可以使用this Package 来检查互联网连接是否可用。

bool result = await DataConnectionChecker().hasConnection;

 return Scaffold(
      body: WebView(
        if (result == true) 
        initialUrl: "https://google.com/",
        onWebViewCreated: (WebViewController webViewController)
          _controller.complete(webViewController);
        ,
        else
          //i am not connected to any network
        
      ) );

【参考方案2】：

将此软件包用于此解决方案 https://pub.dev/packages/data_connection_checker

并像这样使用包

bool internetConnection = await DataConnectionChecker().hasConnection;
 if (internetConnection == true) 
     initialUrl: "https://flutter.dev/",
     onWebViewCreated: (WebViewController webViewController)
       _controller.complete(webViewController);
        ,

使用这个

【参考方案3】：

仅当您在 android 或 ios 上时才可以使用颤振检查互联网， 是这样的，因为当你打开你的网络应用程序并且它出现时，这意味着你有一个连接，如果没有，你就没有连接，所以 c 检查互联网是没有意义的