发现

任务

客服工单

发文章

Flutter 检测网络连接

交流
siman 2020-3-30 10:45:25 4204 1 来自河北
  1. import 'package:flutter/material.dart';
  2. import 'package:connectivity/connectivity.dart';

  4. class ConnectivityPage extends StatefulWidget {
  5.   ConnectivityPage({Key key}) : super(key: key);

  7.   _ConnectivityPageState createState() => _ConnectivityPageState();
  8. }

  10. class _ConnectivityPageState extends State<ConnectivityPage> {
  11.   //网络状态描述
  12.   String _connectStateDescription;

  14.   var subscription;

  16.   @override
  17.   void initState() {
  18.     super.initState();
  19.     //监测网络变化
  20.     subscription = Connectivity()
  21.         .onConnectivityChanged
  22.         .listen((ConnectivityResult result) {
  23.       if (result == ConnectivityResult.mobile) {
  24.         setState(() {
  25.           _connectStateDescription = "手机网络";
  26.         });
  27.       } else if (result == ConnectivityResult.wifi) {
  28.         setState(() {
  29.           _connectStateDescription = "Wifi网络";
  30.         });
  31.       } else {
  32.         setState(() {
  33.           _connectStateDescription = "无网络";
  34.         });
  35.       }
  36.       print(_connectStateDescription);
  37.     });
  38.   }

  40.   @override
  41.   Widget build(BuildContext context) {
  42.     return Scaffold(
  43.       appBar: AppBar(title: Text("监测网络")),
  44.       body: Center(
  45.         // 显示网络状态
  46.         child: Text("$_connectStateDescription"),
  47.       ),
  48.     );
  49.   }

  51.   @override
  52.   void dispose() {
  53.     super.dispose();
  54.     //在页面销毁的时候一定要取消网络状态的监听
  55.     subscription.cancle();
  56.   }
  57. }
复制代码
我们使用 connectivity 这个插件来监测网络。 藏宝库28xin.com

举报

您需要登录后才可以回帖 登录 | 立即注册
jie366
感谢分享
2022-8-4 21:48:30 回复
siman
优秀作者 助人为乐 人气作者
文章
99
问答
133
粉丝
4

所属分类: 问答交流

Powered by CangBaoKu v1.0 小黑屋 藏宝库It社区 ( 冀ICP备14008649号 )

GMT+8, 2024-5-14 23:20 , Processed in 0.163951 second(s), 37 queries . © 2003-2025 cbk Team.

快速回复 返回顶部 返回列表