Flutter数据使用监控插件data_usage的使用

Data Usage插件用于获取移动设备上的移动/Wi-Fi数据使用情况。在Android上，它可以按应用获取数据使用情况；而在iOS上，由于当前限制，它只能提供总体的数据使用情况。

屏幕截图

使用方法（Android）

初始化插件并请求权限

  DataUsageModel.init() // 仅适用于Android
  List<DataUsageModel> dataUsage = await DataUsage.dataUsageAndroid(
     withAppIcon: true, // 如果为false，则`DataUsageModel.appIconBytes`将为null
     dataUsageType: DataUsageType.wifi, // DataUsageType.wifi | DataUsageType.mobile
     oldVersion: false // 对于Android版本低于23（MARSHMELLOW）将为true
   );

这段代码会返回一个包含以下信息的列表：

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

更多解释可以参考这里。

使用方法（iOS）

请求总数据使用情况

  IOSDataUsageModel dataUsage = await DataUsage.dataUsageIOS();

这段代码会返回以下信息：

  IOSDataUsageModel({
     int wifiCompelete, // 总Wi-Fi数据使用量（接收+发送）
     int wifiReceived, // Wi-Fi接收的数据量
     int wifiSent, // Wi-Fi发送的数据量
     int wwanCompelete, // 总移动数据使用量（接收+发送）
     int wwanReceived, // 移动数据接收的数据量
     int wwanSent // 移动数据发送的数据量
  });

示例代码

以下是一个完整的示例代码，展示了如何在Flutter应用中使用data_usage插件。

import 'dart:io';

import 'package:data_usage/data_usage.dart';
import 'package:flutter/material.dart';
import 'dart:async';

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<DataUsageModel> _dataUsage = [];
  IOSDataUsageModel _dataiOSUsage;

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

  Future<void> initPlatformState() async {
    List<DataUsageModel> dataUsage;
    IOSDataUsageModel dataiOSUsage;
    try {
      print(await DataUsage.init());

      print('''dataUsage''');
      dataUsage = await DataUsage.dataUsageAndroid(
        withAppIcon: true,
        dataUsageType: DataUsageType.wifi,
      );

      dataiOSUsage = await DataUsage.dataUsageIOS();

      print(dataUsage);
    } catch (e) {
      print(e.toString());
    }

    if (!mounted) return;

    setState(() {
      _dataUsage = dataUsage;
      _dataiOSUsage = dataiOSUsage;
    });
  }

  [@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 {
  const Android({
    Key key,
    @required List<DataUsageModel> dataUsage,
    @required this.size,
  })  : _dataUsage = dataUsage,
        super(key: key);

  final List<DataUsageModel> _dataUsage;
  final Size size;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return ListView(
      children: [
        if (_dataUsage != null)
          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()
          ]
      ],
    );
  }
}