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

Posted

技术标签:

【中文标题】如何在 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】:

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

【讨论】:

以上是关于如何在 Flutter Web view App 中在没有互联网的情况下打开 Web View 应用程序时显示“您处于离线状态”?的主要内容,如果未能解决你的问题,请参考以下文章

如何在第二个 Firebase 主机中部署 Flutter Web App?

如何在 Flutter Web 中动态更改 App Title?

如何使用检查器在 Safari 上调试 Flutter Web App?

在 Flutter 网站上展示广告(flutter web app)

如何从存储中选择多个图像并在 Flutter 和 Flutter Web App 中显示? [关闭]

Flutter 添加APP启动 Story View