flutter_dev_tools 0.0.2 copy "flutter_dev_tools: ^0.0.2" to clipboard
flutter_dev_tools: ^0.0.2 copied to clipboard

A versatile Flutter package providing an HTTP request logger for efficient network monitoring and debugging, setting the stage for an expanding suite of development and QA tools

flutter_dev_tools #

flutter_dev_tools is a Flutter package designed to assist developers and QA professionals in efficiently tracking and resolving issues. It currently features an HTTP Logger tool, which intercepts HTTP requests made using the Dio HTTP client and displays them in an intuitive UI. Future updates aim to support additional HTTP packages.

Features #

  • HTTP Logger: Intercepts HTTP requests in Dio and displays them in a user-friendly UI for easy monitoring and debugging.
Headers View HTTP Logger
screenshot 1 screenshot 2

)

Getting Started #

To use the HTTP Logger with Dio, follow these steps:

  1. Import Necessary Packages:

    import 'package:dio/dio.dart';
    import 'package:flutter/material.dart';
    import 'package:flutter_riverpod/flutter_riverpod.dart';
    import 'package:flutter_dev_tools/flutter_dev_tools.dart';
    
  2. Initialize Dio and Add HTTPDioLoggerInterceptor::


Dio dio = Dio(); // Create Dio instance

class MyApp extends ConsumerStatefulWidget {
  // Your Flutter app class
  // ...
  @override
  ConsumerState<MyApp> createState() => _MyAppState();
}

class _MyAppState extends ConsumerState<MyApp> {
  @override
  void initState() {
    super.initState();
    dio.interceptors.add(
      HTTPDioLoggerInterceptor(
        logger: ref.read(inMemoryLoggerProvider),
      ),
    );
    // Example requests to populate the logger
    dio.get('https://google.com');
    dio.get('https://facebook.com');
  }
// ...
}
  1. Access the HTTP Logger UI::
class _MyAppState extends ConsumerState<MyApp> {
  // ...
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              // ...
              TextButton(
                onPressed: () => FlutterDevTools().openHttpLogger(context),
                child: const Text('HTTP Logger'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Contributing #

Contributions to flutter_dev_tools are welcome. Whether it's expanding the current HTTP Logger tool, adding new features, or improving documentation, your input is valuable.

0
likes
120
pub points
54%
popularity

Publisher

verified publisherbeingthere.dev

A versatile Flutter package providing an HTTP request logger for efficient network monitoring and debugging, setting the stage for an expanding suite of development and QA tools

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (LICENSE)

Dependencies

dio, firebase_dynamic_links, flutter, flutter_web_plugins, gap, hooks_riverpod, intl, plugin_platform_interface

More

Packages that depend on flutter_dev_tools