如何在 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】:仅当您在 android 或 ios 上时才可以使用颤振检查互联网, 是这样的,因为当你打开你的网络应用程序并且它出现时,这意味着你有一个连接,如果没有,你就没有连接,所以 c 检查互联网是没有意义的
【讨论】:
以上是关于如何在 Flutter Web view App 中在没有互联网的情况下打开 Web View 应用程序时显示“您处于离线状态”?的主要内容,如果未能解决你的问题,请参考以下文章
如何在第二个 Firebase 主机中部署 Flutter Web App?
如何在 Flutter Web 中动态更改 App Title?
如何使用检查器在 Safari 上调试 Flutter Web App?
在 Flutter 网站上展示广告(flutter web app)