Flutter无线网络状态检测插件wifi_state的使用

Flutter无线网络状态检测插件wifi_state的使用

wifi_state 插件用于检查Android设备上的Wi-Fi是否开启或关闭。此外，你还可以使用该插件启用或打开Wi-Fi。

• 在Android Q及更高版本上，直接启用Wi-Fi会启动Wi-Fi设置页面。
• 在Android Q之前的版本上，可以直接启用Wi-Fi。

以下是使用 wifi_state 插件的完整示例代码：

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/scheduler.dart';
import 'package:wifi_state/wifi_state.dart';

class Example extends StatefulWidget {
  const Example({super.key});

  [@override](/user/override)
  State<Example> createState() => _ExampleState();
}

class _ExampleState extends State<Example> with WidgetsBindingObserver {
  bool? isWifiOn;

  // 获取Wi-Fi状态
  fetchWifiState() {
    SchedulerBinding.instance.addPostFrameCallback((_) async {
      isWifiOn = await WifiState.isOn();
      if (mounted) {
        setState(() {});
      }
    });
  }

  // Wi-Fi开关按钮
  Widget wifiToggleButton() {
    return Switch(
      value: isWifiOn!,
      activeTrackColor: Colors.green,
      thumbIcon: WidgetStateProperty.resolveWith(
        (a) {
          return isWifiOn! ? Icon(Icons.wifi) : Icon(Icons.wifi_off);
        },
      ),
      onChanged: (val) async {
        if (!isWifiOn!) {
          /// 在Android Q及更高版本上，直接启用Wi-Fi会启动Wi-Fi设置页面
          /// 在Android Q之前的版本上，可以直接启用Wi-Fi
          await WifiState.open();
        } else {
          snack(
            context,
            '你可以在设置中关闭它。',
          );
        }
      },
    );
  }

  // 应用生命周期状态变化时触发
  [@override](/user/override)
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.resumed) {
      fetchWifiState();
    }
  }

  [@override](/user/override)
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    fetchWifiState();
  }

  [@override](/user/override)
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Wi-Fi状态'),
        actions: [
          isWifiOn == null ? CupertinoActivityIndicator() : wifiToggleButton(),
        ],
      ),
    );
  }
}

// 显示提示信息
void snack(BuildContext context, String msg) {
  ScaffoldMessenger.of(context).removeCurrentSnackBar();
  ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(
      content: Text(
        msg,
        textAlign: TextAlign.center,
        style: const TextStyle(
          color: Colors.white,
          fontWeight: FontWeight.bold,
        ),
      ),
    ),
  );
}

示例说明

1. 导入必要的包：

   import 'package:flutter/cupertino.dart';
   import 'package:flutter/material.dart';
   import 'package:flutter/scheduler.dart';
   import 'package:wifi_state/wifi_state.dart';
   

2. 定义一个状态类 _ExampleState，并实现 WidgetsBindingObserver 接口以便监听应用生命周期的变化。

   class _ExampleState extends State<Example> with WidgetsBindingObserver {
   

3. 定义一个布尔变量 isWifiOn 来存储Wi-Fi的状态：

   bool? isWifiOn;
   

4. 定义一个方法 fetchWifiState 来获取Wi-Fi的状态：

   fetchWifiState() {
     SchedulerBinding.instance.addPostFrameCallback((_) async {
       isWifiOn = await WifiState.isOn();
       if (mounted) {
         setState(() {});
       }
     });
   }
   

5. 定义一个方法 wifiToggleButton 来创建一个开关按钮：

   Widget wifiToggleButton() {
     return Switch(
       value: isWifiOn!,
       activeTrackColor: Colors.green,
       thumbIcon: WidgetStateProperty.resolveWith(
         (a) {
           return isWifiOn! ? Icon(Icons.wifi) : Icon(Icons.wifi_off);
         },
       ),
       onChanged: (val) async {
         if (!isWifiOn!) {
           await WifiState.open();
         } else {
           snack(
             context,
             '你可以在设置中关闭它。',
           );
         }
       },
     );
   }
   

6. 在应用恢复时重新获取Wi-Fi状态：

   [@override](/user/override)
   void didChangeAppLifecycleState(AppLifecycleState state) {
     if (state == AppLifecycleState.resumed) {
       fetchWifiState();
     }
   }
   

7. 在 initState 方法中添加观察者并在 dispose 方法中移除观察者：

   [@override](/user/override)
   void initState() {
     super.initState();
     WidgetsBinding.instance.addObserver(this);
     fetchWifiState();
   }
   
   [@override](/user/override)
   void dispose() {
     WidgetsBinding.instance.removeObserver(this);
     super.dispose();
   }
   

8. 在 build 方法中构建UI：

   [@override](/user/override)
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
         title: const Text('Wi-Fi状态'),
         actions: [
           isWifiOn == null ? CupertinoActivityIndicator() : wifiToggleButton(),
         ],
       ),
     );
   }
   

9. 定义一个方法 snack 来显示提示信息：

   void snack(BuildContext context, String msg) {
     ScaffoldMessenger.of(context).removeCurrentSnackBar();
     ScaffoldMessenger.of(context).showSnackBar(
       SnackBar(
         content: Text(
           msg,
           textAlign: TextAlign.center,
           style: const TextStyle(
             color: Colors.white,
             fontWeight: FontWeight.bold,
           ),
         ),
       ),
     );
   }