I want to check if my internet connection is active or not continuously with warning for whole app in flutter

huangapple
go评论95阅读模式
英文:

I want to check if my internet connection is active or not continuously with warning for whole app in flutter

问题

我想在Flutter应用程序中检查我的互联网连接。我想在整个应用程序上显示警告，无论在哪个页面。是否可以在互联网不活动时显示底部或顶部的警告，当互联网再次活动时，警告应变为绿色，并显示文本“互联网已激活”，然后在几秒钟后消失。我不想在每个页面上都使用connectivity_plus并在每次有人访问该页面时都检查连接。如果可以有一个中央解决方案，可以在主要部分内实现，这将会很有帮助。

英文:

I want to check my internet connection in flutter app. I want to show a warning throughout the app, on any page. Is it possible to show a bottom or top warning when internet is not active, and when it becomes active again, warning should turn green with text "Internet is Active" and disappear after a few seconds. I don't want to use connectivity_plus on each and every page and check connection every time someone lands on that page. If there can be a central solution, which can be implemented inside main, it would be helpful.

答案1

得分: 1

以下是您要翻译的代码部分：

  1. 这是解决您问题的示例代码。
  3. import 'dart:async';
  4. import 'package:connectivity_plus/connectivity_plus.dart';
  5. import 'package:flutter/material.dart';
  6. import 'package:bot_toast/bot_toast.dart';
  8. void main() {
  9.   runApp(MyApp());
  10. }
  12. class MyApp extends StatefulWidget {
  13.   @override
  14.   State<StatefulWidget> createState() => _MyAppState();
  15. }
  17. class _MyAppState extends State<MyApp> {
  19.   late StreamSubscription<ConnectivityResult> subscription;
  21.   @override
  22.   initState() {
  23.     super.initState();
  24.     subscription = Connectivity().onConnectivityChanged.listen((ConnectivityResult result) {
  26.       //向用户显示网络状态
  27.       if(result == ConnectivityResult.none){
  28.         BotToast.showSimpleNotification(title: "您未连接到任何网络");
  29.       }
  31.     });
  32.   }
  34.   @override
  35.   dispose() {
  36.     subscription.cancel();
  37.     super.dispose();
  38.   }
  40.   @override
  41.   Widget build(BuildContext context) {
  42.     return MaterialApp(
  43.       title: "App Test",
  44.       builder: BotToastInit(),
  45.       home: FirstPage(),
  46.     );
  47.   }
  49. }
  51. class FirstPage extends StatelessWidget{
  52.   @override
  53.   Widget build(BuildContext context) {
  54.     return Scaffold(
  55.       appBar: AppBar(
  56.         title: Text("第一页"),
  57.       ),
  58.       body: Center(
  59.         child: TextButton(
  60.           onPressed: () => Navigator.of(context).push(MaterialPageRoute(builder: (context) => SecondPage())),
  61.           child: Text(
  62.             "第二页"
  63.           )
  64.         ),
  65.       ),
  66.     );
  67.   }
  68. }
  70. class SecondPage extends StatelessWidget{
  71.   @override
  72.   Widget build(BuildContext context) {
  73.     return Scaffold(
  74.       appBar: AppBar(
  75.         title: Text("第二页"),
  76.       ),
  77.       body: Center(
  78.         child: TextButton(
  79.           onPressed: () => Navigator.of(context).push(MaterialPageRoute(builder: (context) => SecondPage())),
  80.           child: Text(
  81.             "返回"
  82.           )
  83.         ),
  84.       ),
  85.     );
  86.   }
  87. }

问题文章链接

英文:

Here is an example code that solves your problem.

  1. import &#39;dart:async&#39;;
  2. import &#39;package:connectivity_plus/connectivity_plus.dart&#39;;
  3. import &#39;package:flutter/material.dart&#39;;
  4. import &#39;package:bot_toast/bot_toast.dart&#39;;
  5. void main() {
  6. runApp(MyApp());
  7. }
  8. class MyApp extends StatefulWidget {
  9. @override
  10. State&lt;StatefulWidget&gt; createState() =&gt; _MyAppState();
  11. }
  12. class _MyAppState extends State&lt;MyApp&gt; {
  13. late StreamSubscription&lt;ConnectivityResult&gt; subscription;
  14. @override
  15. initState() {
  16. super.initState();
  17. subscription = Connectivity().onConnectivityChanged.listen((ConnectivityResult result) {
  18. //display the network status to the user
  19. if(result == ConnectivityResult.none){
  20. BotToast.showSimpleNotification(title: &quot;You are not connected to any network&quot;);
  21. }
  22. });
  23. }
  24. @override
  25. dispose() {
  26. subscription.cancel();
  27. super.dispose();
  28. }
  29. @override
  30. Widget build(BuildContext context) {
  31. return MaterialApp(
  32. title: &quot;App Test&quot;,
  33. builder: BotToastInit(),
  34. home: FirstPage(),
  35. );
  36. }
  37. }
  38. class FirstPage extends StatelessWidget{
  39. @override
  40. Widget build(BuildContext context) {
  41. return Scaffold(
  42. appBar: AppBar(
  43. title: Text(&quot;First page&quot;),
  44. ),
  45. body: Center(
  46. child: TextButton(
  47. onPressed: () =&gt; Navigator.of(context).push(MaterialPageRoute(builder: (context) =&gt; SecondPage())),
  48. child: Text(
  49. &quot;second page&quot;
  50. )
  51. ),
  52. ),
  53. );
  54. }
  55. }
  56. class SecondPage extends StatelessWidget{
  57. @override
  58. Widget build(BuildContext context) {
  59. return Scaffold(
  60. appBar: AppBar(
  61. title: Text(&quot;second page&quot;),
  62. ),
  63. body: Center(
  64. child: TextButton(
  65. onPressed: () =&gt; Navigator.of(context).push(MaterialPageRoute(builder: (context) =&gt; SecondPage())),
  66. child: Text(
  67. &quot;Back&quot;
  68. )
  69. ),
  70. ),
  71. );
  72. }
  73. }

Link to the article on the issue

huangapple
  • 本文由 发表于 2023年7月10日 20:07:00
  • 转载请务必保留本文链接：https://go.coder-hub.com/76653573.html
  • dart
  • flutter
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定