Flutter网络使用情况监控插件 network_usage 的使用

network_usage 是一个用于监控Android和iOS设备网络使用情况的Flutter插件。它可以帮助开发者获取应用程序的数据使用情况，包括接收和发送的数据量。

获取开始

Android 使用方法

在Android上使用此插件时，首先需要初始化插件并请求权限。以下是具体的步骤和示例代码：

NetworkUsageModel.init(); // 仅在Android上需要调用

List<NetworkUsageModel> networkUsage = await MethodChannelNetworkUsage.networkUsageAndroid(
    withAppIcon: true,
    dataUsageType: NetworkUsageType.wifi,
    oldVersion: false, // 对于低于23（Marshmallow）版本的Android应设置为true
);

返回的结果将是一个包含 NetworkUsageModel 对象的列表：

[
    NetworkUsageModel({
        String appName; // 应用名称
        String packageName; // 包名
        Uint8List appIconBytes; // 图标字节数据
        int received; // 接收到的数据量
        int sent; // 发送的数据量
    }),
    ...
]

iOS 使用方法

在iOS设备上，可以请求总的数据使用情况。以下是如何获取WiFi和蜂窝数据使用的示例：

IOSNetworkUsageModel networkIOSUsage = await MethodChannelNetworkUsage.networkUsageIOS();

返回的结果将是一个 IOSNetworkUsageModel 对象：

IOSNetworkUsageModel({
    int wifiComplete, // 总WiFi数据（接收+发送）
    int wifiReceived, // WiFi接收到的数据量
    int wifiSent, // 通过WiFi发送的数据量
    int wwanComplete, // 总移动数据（接收+发送）
    int wwanReceived, // 移动数据接收到的数据量
    int wwanSent // 通过移动网络发送的数据量
});

示例Demo

下面是一个完整的示例项目，演示了如何在Flutter应用中集成和使用 network_usage 插件：

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:network_usage/network_usage_method_channel.dart';
import 'dart:async';
import 'package:network_usage/src/model/ios_network_usage_model.dart';
import 'package:network_usage/src/model/network_usage_model.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Home(),
    );
  }
}

class Home extends StatefulWidget {
  [@override](/user/override)
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  List<NetworkUsageModel> _dataUsage = [];
  IOSNetworkUsageModel _dataiOSUsage = IOSNetworkUsageModel();

  [@override](/user/override)
  void initState() {
    initPlatformState();
    super.initState();
  }

  Future<void> initPlatformState() async {
    if (Platform.isAndroid) {
      try {
        print('AndroidNetworkUsage');
        print(await MethodChannelNetworkUsage.init());

        List<NetworkUsageModel> networkUsage = await MethodChannelNetworkUsage.networkUsageAndroid(
          withAppIcon: true,
          dataUsageType: NetworkUsageType.wifi,
        );

        setState(() {
          _dataUsage = networkUsage;
        });
      } catch (e) {
        print(e.toString());
      }
    } else if (Platform.isIOS) {
      try {
        print('IOSNetworkUsage');

        IOSNetworkUsageModel networkIOSUsage = await MethodChannelNetworkUsage.networkUsageIOS();
        setState(() {
          _dataiOSUsage = networkIOSUsage;
        });
      } catch (e) {
        print(e.toString());
      }
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    var size = MediaQuery.of(context).size;
    return Scaffold(
      appBar: AppBar(
        title: const Text('Data Usage Plugin Example'),
      ),
      body: Center(
        child: Platform.isAndroid
            ? Android(dataUsage: _dataUsage, size: size)
            : Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: _dataiOSUsage?.toJson()?.entries
                        ?.map((e) => Text('${e.key}: ${e.value}', overflow: TextOverflow.ellipsis))
                        ?.toList() ??
                    [],
              ),
      ),
    );
  }
}

class Android extends StatelessWidget {
  final List<NetworkUsageModel> dataUsage;
  final Size size;

  const Android({Key? key, required this.dataUsage, required this.size}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return ListView(
      children: [
        if (dataUsage.isNotEmpty)
          for (var item in dataUsage)
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  SizedBox(width: 10),
                  if (item.appIconBytes != null)
                    Container(
                      height: 60,
                      width: 60,
                      decoration: BoxDecoration(image: DecorationImage(image: MemoryImage(item.appIconBytes!))),
                    ),
                  SizedBox(width: 10),
                  Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Container(
                        width: size.width * 0.7,
                        child: Text('${item.appName}', overflow: TextOverflow.ellipsis),
                      ),
                      SizedBox(height: 10),
                      Container(
                        width: size.width * 0.7,
                        child: Text(
                          '${item.packageName}',
                          overflow: TextOverflow.ellipsis,
                          style: TextStyle(color: Colors.grey, fontSize: 11),
                        ),
                      ),
                      SizedBox(height: 6),
                      Row(
                        children: [
                          Text(
                            'Received: ${(item.received! / 1048576).toStringAsFixed(4)}MB  ',
                            style: TextStyle(color: Colors.grey[700], fontSize: 13),
                          ),
                          Text(
                            'Sent: ${(item.sent! / 1048576).toStringAsFixed(4)}MB',
                            style: TextStyle(color: Colors.grey[700], fontSize: 13),
                          ),
                        ],
                      ),
                    ],
                  ),
                ],
              ),
            ),
        Divider()
      ],
    );
  }
}