您现在的位置是：首页 > 前端 > Flutter Flutter

flutter-32(检测网络连接监听网络变化)

2020-05-01【Flutter】2294人已围观

简介## Flutter 检测网络文档： [https://pub.dev/packages/connectivity](https://pub.dev/packages/connectivity) > network.dart ``` import 'package:flutter/material.dart'; import 'package:connectivity/connectivity.dart'; class NetworkPage extends State

## Flutter  检测网络

文档： [https://pub.dev/packages/connectivity](https://pub.dev/packages/connectivity)

> network.dart

```
import 'package:flutter/material.dart';

import 'package:connectivity/connectivity.dart';

class NetworkPage extends StatefulWidget {
  NetworkPage({Key key}) : super(key: key);

_NetworkPageState createState() => _NetworkPageState();
}

class _NetworkPageState extends State<NetworkPage> {

var subscription;
  String _stateText;
  
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    print("object");

subscription = Connectivity().onConnectivityChanged.listen((ConnectivityResult result) {

if(result==ConnectivityResult.wifi){
         setState(() {
          _stateText="处于wifi";
         });
       }else if(result==ConnectivityResult.mobile){
         setState(() {
            _stateText="处于手机网络";
        });
       }else{
        setState(() {
          _stateText="没有网络";
        });         
       }
      // Got a new connectivity status!
     });
  }

@override
  dispose() {
    super.dispose();

subscription.cancel();  //注意

}

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("检测网络变化"),
      ),
      body:Center(
        child: Text("${_stateText}")
      ),
    );
  }
}
```

关注博客，更多精彩分享，敬请期待！

Tags：

很赞哦！ (0)

上一篇：flutter-31(调用原生硬件Api实现照相机拍照和相册选择、以及拍照上传到服务)

下一篇：flutter-33(检测网络连接监听网络变化)