Flutter Dev Panel - Network Module
Network monitoring module for Flutter Dev Panel that provides unified request tracking across Dio, http package, and GraphQL.
Features
- Multi-library support - Works with Dio, http package, and graphql_flutter
- Persistent storage - Request history survives app restarts
- Real-time monitoring - Live network activity in floating action button
- Request/Response inspection - View headers, body, timing, and size
- GraphQL support - Operation type detection and query inspection
- Advanced filtering - Search by URL, status code, method, and more
Installation
dependencies:
flutter_dev_panel_network:
path: ../packages/flutter_dev_panel_network
Usage
import 'package:flutter_dev_panel/flutter_dev_panel.dart';
import 'package:flutter_dev_panel_network/flutter_dev_panel_network.dart';
import 'package:dio/dio.dart';
void main() {
// Initialize with network module
FlutterDevPanel.initialize(
modules: [NetworkModule()],
);
// Attach to Dio
final dio = Dio();
NetworkModule.attachToDio(dio);
// Or attach to GraphQL
final graphQLClient = NetworkModule.createGraphQLClient(
endpoint: 'https://api.example.com/graphql',
);
runApp(MyApp());
}
License
This project is licensed under the MIT License - see the LICENSE file for details.