Search packages, repositories and app categories

ducafecatFlutter ecosystem guide
dio_log cover
Package detailsv5.3.0+3

dio_log

A plug-in that captures requests and views them within the application, providing functions such as request replication and JSON expansion

AndroidiOSWebmacOSWindowsLinux
pub.dev API documentation Source code
30-day downloads
451
Likes
61
Pub points
140

Install package

flutter pub add dio_log

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Dio Log is a debugging tool for Flutter applications that integrates with the Dio HTTP client to capture and display network requests in-app. It enables developers to view request details, including headers, bodies, and responses, with features like JSON expansion for better readability. The package supports request replication, allowing users to replay failed or important requests directly from the UI. Designed for development and testing, it enhances visibility into HTTP interactions across Android, iOS, Web, macOS, Windows, and Linux platforms.

Use cases

  • Debugging API calls in real-time
  • Replaying failed HTTP requests
  • Inspecting complex JSON responses
  • Testing network behavior during development
  • Monitoring request/response cycles in apps
  • Validating API integration workflows

Key features

  • In-app request visualization
  • JSON expansion for structured data
  • Request replication functionality
  • Cross-platform support
  • Real-time logging with Dio
  • Simple integration via pub add

Suitable for

  • Flutter developers in debug mode
  • Teams testing API integrations
  • Apps requiring detailed network inspection
  • Frontend engineers troubleshooting HTTP issues
  • Developers using Dio for HTTP operations
  • Projects with frequent API changes

Considerations

  • Not intended for production use
  • May impact performance in large-scale logging
  • Requires manual enablement in code
  • Limited to development environments
  • No built-in export or persistence
  • UI may not be optimized for all screen sizes

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

dio_log

pub package

English | 中文

Description

HTTP Inspector tool for Dart which can debugging http requests. Currently, DIO based HTTP capture is implemented. Of course, you can implement an Interceptor instead of a DiologInterceptor to adapt to other HTTP clients.

Installation

Add this to your package's pubspec.yaml file:

dependencies:
  dio_log: 5.3.0+1

Usage

  1. Set interceptor of dio:
dio.interceptors.add(DioLogInterceptor());
  1. Add a global hover button on your home page:
// Display overlay button
showDebugBtn(context, btnColor: Colors.blue);
// Cancel overlay button
dismissDebugBtn();
// Check overlay button state
debugBtnIsShow()
  1. Or open log list manually:
Navigator.of(context).push(
  MaterialPageRoute(
    builder: (context) => HttpLogListWidget(),
  ),
);

Configuration

// Sets the maximum number of entries for logging
LogPoolManager.getInstance().maxCount = 100;
// Add custom error detection
LogPoolManager.getInstance().isError = (res) => res.resOptions==null;
// Disable Log Printing
DioLogInterceptor.enablePrintLog = false;

Screenshots

Demo

gif

Categories

DioDebugging & Logging

Dependencies

Dependency list 1 items

Source repository

Projects using this package

No data available yet.