flutter_network_logger_overlay 1.0.0
flutter_network_logger_overlay: ^1.0.0 copied to clipboard
In-app floating developer drawer widget for inspecting, filtering, replaying, and exporting live HTTP network requests inside running Flutter apps.
flutter_network_logger_overlay #
An in-app floating developer drawer widget for Flutter to inspect, search, filter, copy cURL, and export live HTTP network traffic inside your running app.
🌟 Key Features #
- 🎯 Draggable Floating Overlay Badge: Displays live request counts and status color indicators (green 2xx, yellow 4xx, red 5xx).
- 🔍 In-App HTTP Inspector Drawer: Full-text search across URLs, status codes, request headers, and response payloads.
- 📋 Copy as cURL: Instantly copy any HTTP request as a valid
cURLcommand to your clipboard. - 🙈 Automatic Sensitive Data Redaction: Automatically redacts sensitive fields (
password,authorization,token,cardNumber,cvv) in headers and JSON bodies. - 📤 Export Session Logs: Export full network log sessions to JSON string for bug reporting.
📦 Installation #
Add flutter_network_logger_overlay to your pubspec.yaml:
dependencies:
flutter_network_logger_overlay: ^1.0.0
🚀 Quick Start #
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'package:flutter_network_logger_overlay/flutter_network_logger_overlay.dart';
void main() {
runApp(
MaterialApp(
home: NetworkLoggerOverlay(
child: const HomeScreen(),
),
),
);
}
// Wrap http client
final client = NetworkLoggerHttpAdapter(http.Client());
📄 License #
MIT License - Developed with ❤️ by Olamilekan Adeyemi (@lekthedeveloper).