Flutter检查连接网络connectivity_plus实现步骤

 更新时间:2023年06月27日 10:02:41   作者:会煮咖啡的猫  
这篇文章主要为大家介绍了Flutter检查连接网络connectivity_plus实现步骤,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

前言

有些对通讯敏感的程序,我们需要检查当前连接的网络情况。

我推荐使用 connectivity_plus

https://pub-web.flutter-io.cn/packages/connectivity_plus

这个插件的好处就是支持全平台,这点非常好。

我们今天来写一个例子尝试下这个功能。

这个插件遇到获取状态不对,请用真机调试,模拟器可能有偏差。

步骤

第一步:配置依赖包

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^1.0.2
  connectivity_plus: ^4.0.1

第二步:修改 android 最小编译版本

android/app/build.gradle

改成·minSdkVersion 19

android {
    ...
    defaultConfig {
        applicationId "com.example.flutter_application_connectivity"
        minSdkVersion 19 //flutter.minSdkVersion
          targetSdkVersion flutter.targetSdkVersion
        versionCode flutterVersionCode.toInteger()
        versionName flutterVersionName
    }

第三步:检查网路连接代码

lib/connectivity.dart

定义 Connectivity 对象

class _ConnectivityPageState extends State<ConnectivityPage> {
  // Connectivity 对象
  final Connectivity _connectivity = Connectivity();

消息订阅 StreamSubscription

// 消息订阅
  late StreamSubscription<ConnectivityResult> _subscription;

返回状态保存

// 初始返回的网络状态
  ConnectivityResult? _connectivityStatus;

初始化,单次检查方式

// 初始化
  Future<void> _init() async {
    try {
      // 方式1:单次请求检查
      final connectivityResult = await _connectivity.checkConnectivity();
      _updateConnectionStatus(connectivityResult);
    } on PlatformException catch (e) {
      print(e);
      print('连接网络出现了异常');
    }
  }

订阅方式

// 初始化
  Future<void> _init() async {
    try {
      // 方式1:单次请求检查
      // final connectivityResult = await _connectivity.checkConnectivity();
      // _updateConnectionStatus(connectivityResult);
      // 方式2:状态订阅
      _subscription =
          _connectivity.onConnectivityChanged.listen(_updateConnectionStatus);
    } on PlatformException catch (e) {
      print(e);
      print('连接网络出现了异常');
    }
  }

更新订阅状态

Future<void> _updateConnectionStatus(ConnectivityResult result) async {
    setState(() {
      _connectivityStatus = result;
    });
    if (result == ConnectivityResult.mobile) {
      print('成功连接移动网络');
    } else if (result == ConnectivityResult.wifi) {
      print('成功连接WIFI');
    } else if (result == ConnectivityResult.ethernet) {
      print('成功连接到以太网');
    } else if (result == ConnectivityResult.vpn) {
      print('成功连接vpn网络');
    } else if (result == ConnectivityResult.bluetooth) {
      print('成功连接蓝牙');
    } else if (result == ConnectivityResult.other) {
      print('成功连接除以上以外的网络');
    } else if (result == ConnectivityResult.none) {
      print('没有连接到任何网络');
    }
  }

初始 initState

@override
  void initState() {
    super.initState();
    _init();
  }

释放 dispose,关闭订阅

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

视图

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('网路连接检查'),
      ),
      body: Center(
        child: Column(
          children: [
            const Text('状态'),
            Text(_connectivityStatus?.toString() ?? "未知"),
          ],
        ),
      ),
    );
  }

代码

小结

connectivity_plus 是一个 Flutter 插件,用于检测设备的网络连接状态。它可以检测设备是否连接到互联网,以及连接类型是 Wi-Fi、蜂窝数据还是无网络连接。这个插件的作用和重要性在于:

  • 提供了一种简单、可靠的方法来检测设备的网络连接状态,方便开发者编写更智能的应用程序。
  • 让应用程序可以根据设备的网络连接状态来调整其行为,例如根据网络状况选择合适的数据加载方式、调整 UI 布局等。
  • 支持多种平台,包括 Android、iOS、macOS 和 Windows,可以轻松地在不同平台上进行开发和测试。

总之,connectivity_plus 插件是一个非常有用和重要的工具,可以帮助开发者编写更智能、更适应用户需求的应用程序。

以上就是Flutter检查连接网络connectivity_plus实现步骤的详细内容,更多关于Flutter connectivity_plus的资料请关注脚本之家其它相关文章!

相关文章

  • Android自定义View实现选座功能

    Android自定义View实现选座功能

    这篇文章主要介绍了Android自定义View实现选座功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-09-09
  • Android中使用PagerSlidingTabStrip实现导航标题的示例

    Android中使用PagerSlidingTabStrip实现导航标题的示例

    本篇文章主要介绍了Android中使用PagerSlidingTabStrip实现导航标题的示例,具有一定的参考价值,有兴趣的可以了解一下。
    2017-01-01
  • Android CameraX 打开摄像头预览功能

    Android CameraX 打开摄像头预览功能

    这篇文章主要介绍了Android CameraX 打开摄像头预览功能,模块gradle的一些配置,使用的Android SDK版本为31,启用了databinding,具体实例代码跟随小编一起看看吧
    2021-12-12
  • 玩转Android之Drawable的使用

    玩转Android之Drawable的使用

    这篇文章主要为大家详细介绍了Android之Drawable的使用方法,帮助大家系统的学习一下Drawable的使用,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • 详解Android如何实现不同大小的圆角

    详解Android如何实现不同大小的圆角

    在开发过程中,设计常常会有一些比较炫酷的想法,比如两边不一样大小的圆角啦,甚至四角的radius各不相同,对于这种情况我们该怎么实现呢,本文小编就和大家来聊聊,需要的朋友可以参考下
    2023-08-08
  • Flutter折叠控件使用方法详解

    Flutter折叠控件使用方法详解

    这篇文章主要为大家详细介绍了Flutter折叠控件的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01
  • Android自定义View实现简单的圆形Progress效果

    Android自定义View实现简单的圆形Progress效果

    这篇文章主要介绍了Android自定义View实现简单的圆形Progress效果的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • Android 吸入动画效果实现分解

    Android 吸入动画效果实现分解

    如何在Android上面实现一个类似的效果。先看看我实现的效果图,我们利用了Canvas.drawBitmapMesh()方法,具体实现代码如下,感兴趣的朋友可以参考下哈
    2013-06-06
  • 详解Flutter手游操纵杆移动的原理与实现

    详解Flutter手游操纵杆移动的原理与实现

    这篇文章将为大家详细介绍一下Android Flutter手游中操纵杆移动角色的原理与实现过程,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一下
    2022-07-07
  • 利用Kotlin Tools如何快速添加Kotlin依赖详解

    利用Kotlin Tools如何快速添加Kotlin依赖详解

    这篇文章主要给大家介绍了关于利用Kotlin Tools如何快速添加Kotlin依赖的相关资料,文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-11-11

最新评论