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 cURL command 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).