Flutter 檢測網絡連接 監聽網絡變化

Flutter 檢測網絡  connectivity

 

Flutter 檢測網絡完整 demo

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> { String _state;
var _subscription;

@override initState() {

super.initState();

_subscription=Connectivity().onConnectivityChanged.listen((ConnectivityResult result) { // Got a new connectivity status!
if (result == ConnectivityResult.mobile) {

setState(() { _state="手機網絡";

});

// I am connected to a mobile network. } else if (result == ConnectivityResult.wifi) {

setState(() { _state="Wifi 網絡";

});

// I am connected to a wifi network. }else{

setState(() { _state="沒有網絡";

}); }

}); }

@override dispose() {

super.dispose();

_subscription.cancel(); }

 

@override
Widget build(BuildContext context) {

 

return Scaffold( appBar: AppBar(

title: Text("檢測網絡變化"), ),

body:Text("${_state}"), );

} }