[Flutter] 連接狀態connectivity_plus

Flutter 連接狀態connectivity_plus

配置依賴

  #檢測網絡狀態
  connectivity_plus: ^2.2.1

導入包

import 'package:connectivity_plus/connectivity_plus.dart';

定義變量

  var subscription;
  String? _stateText;//用來顯示狀態

初始化

@override
void initState() {
    super.initState();
    subscription = Connectivity()
        .onConnectivityChanged
        .listen((ConnectivityResult result) {
            if (result == ConnectivityResult.wifi) {
                setState(() {
                    _stateText = "當前處於wifi網絡";
                });
            } else if (result == ConnectivityResult.mobile) {
                setState(() {
                    _stateText = "當前處於數據流量網絡";
                });
            } else if (result == ConnectivityResult.none) {
                setState(() {
                    _stateText = "當前無網絡連接";
                });
            } else {
                setState(() {
                    _stateText = "處於其他連接";
                });
            }
        });
}

銷毀

@override
void dispose() {
    super.dispose();
    subscription.cancel();
}

顯示狀態組件

Center(
    child: Text(_stateText!),
),