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
160
pub points
65%
popularity

Publisher

verified publisherchililabs.io

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