flutter如何监听网速

在Flutter开发中，如何实时监听设备的网络速度？需要获取当前的上传和下载速率，类似网络测速软件的效果。是否有现成的插件或API可以实现这个功能？最好能兼容Android和iOS平台，并且性能消耗较低。如果通过原生代码实现，该如何与Flutter端通信？求具体的实现方案或推荐的开源库。

2 回复

在Flutter中，可以使用connectivity_plus和dio库监听网速。通过dio拦截器计算请求和响应时间，结合数据大小估算网速。

更多关于flutter如何监听网速的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中监听网速可以通过以下方法实现：

1. 使用 connectivity_plus + http 组合

import 'package:connectivity_plus/connectivity_plus.dart';
import 'package:http/http.dart' as http;

class NetworkSpeedMonitor {
  static Future<double> measureDownloadSpeed() async {
    final stopwatch = Stopwatch();
    final url = 'https://www.gstatic.com/generate_204'; // 小文件测试
    
    try {
      stopwatch.start();
      final response = await http.get(Uri.parse(url));
      stopwatch.stop();
      
      if (response.statusCode == 200 || response.statusCode == 204) {
        // 计算下载速度 (bytes/ms 转换为 KB/s)
        final speed = response.bodyBytes.length / stopwatch.elapsedMilliseconds * 1000 / 1024;
        return speed;
      }
    } catch (e) {
      print('测速失败: $e');
    }
    return 0.0;
  }
}

2. 实时网速监控（需要持续测试）

import 'dart:async';

class RealTimeSpeedMonitor {
  Timer? _timer;
  double _currentSpeed = 0.0;
  
  final Function(double) onSpeedUpdate;
  
  RealTimeSpeedMonitor({required this.onSpeedUpdate});
  
  void startMonitoring() {
    _timer = Timer.periodic(Duration(seconds: 3), (timer) async {
      final speed = await NetworkSpeedMonitor.measureDownloadSpeed();
      _currentSpeed = speed;
      onSpeedUpdate(speed);
    });
  }
  
  void stopMonitoring() {
    _timer?.cancel();
    _timer = null;
  }
  
  double get currentSpeed => _currentSpeed;
}

3. 使用示例

class SpeedMonitorPage extends StatefulWidget {
  @override
  _SpeedMonitorPageState createState() => _SpeedMonitorPageState();
}

class _SpeedMonitorPageState extends State<SpeedMonitorPage> {
  late RealTimeSpeedMonitor _speedMonitor;
  double _currentSpeed = 0.0;
  
  @override
  void initState() {
    super.initState();
    _speedMonitor = RealTimeSpeedMonitor(
      onSpeedUpdate: (speed) {
        setState(() {
          _currentSpeed = speed;
        });
      },
    );
    _speedMonitor.startMonitoring();
  }
  
  @override
  void dispose() {
    _speedMonitor.stopMonitoring();
    super.dispose();
  }
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('网速监控')),
      body: Center(
        child: Text(
          '当前网速: ${_currentSpeed.toStringAsFixed(2)} KB/s',
          style: TextStyle(fontSize: 20),
        ),
      ),
    );
  }
}

依赖配置

在 pubspec.yaml 中添加：

dependencies:
  connectivity_plus: ^5.0.2
  http: ^0.13.5

注意事项

  1. 权限要求：需要在 Android 和 iOS 中添加网络权限
  2. 测试频率：避免过于频繁的测试，以免消耗过多流量
  3. 准确性：网速测试受服务器响应时间、网络波动等因素影响
  4. 电池消耗：持续监控会增加电池消耗

这种方法可以基本满足网速监控需求，但要注意合理设置测试间隔和选择合适的测试服务器。

回到顶部