chili_debug_view 1.1.0 copy "chili_debug_view: ^1.1.0" to clipboard
chili_debug_view: ^1.1.0 copied to clipboard

Flutter debug view for checking network logs, response time and sharing them outside of app

Chili Debug view #

This package allows to see network logs from mobile device. This can help QA engineers to better debug your app features

Get started #

Package uses dio (https://pub.dev/packages/dio) starting from version 5.5.0 to provide network logs, so in order to use this package your requests must go through dio.

For sharing it uses share_plus (https://pub.dev/packages/share_plus) and path_provider (https://pub.dev/packages/path_provider)

Install #

Add chili_debug_view to your pubspec.yaml:

dependencies:
  chili_debug_view: ^1.1.0

Usage #

  1. Wrap your app via DebugView providing navigation key
import 'package:chili_debug_view/chili_debug_view.dart';

...
class _AppState extends State<App> {
  final rootKey = GlobalKey<NavigatorState>();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorKey: rootKey,
      builder: (_, app) {
        return DebugView(
          navigatorKey: rootKey,
          showDebugViewButton: true,
          app: app,
        );
      },
      ...
    );
  }
...
  1. To see network logs you need to add interceptor to your dio
import 'package:chili_debug_view/chili_debug_view.dart';

dio.interceptors.add(NetworkLoggerInterceptor());

Sample Project #

There is an example app with simple request and app wrapping.

example.gif

12
likes
150
points
967
downloads

Publisher

verified publisherchililabs.io

Weekly Downloads

Flutter debug view for checking network logs, response time and sharing them outside of app

Repository (GitHub)
View/report issues

Topics

#debug #dio #network #logging

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

dio, flutter, path_provider, share_plus

More

Packages that depend on chili_debug_view