Site icon Flutter Packages | Pub dev Packages – Flutter Mobile App World

An HTTP requests inspector inspired by Chucker Android

Chucker Flutter

An HTTP requests inspector inspired by Chucker Android

Chucker Flutter inspects the HTTP(S) requests/responses triggered by your Flutter App. It works as an Interceptor and stores data related to network requests and responses on local storage, and providing a UI for inspecting and sharing their content.

Flutter Apps, using Chucker Flutter, show in-app notifications which tell the status (e.g. 200, 400, 500 and so) and requested url and upon clicking on details button it navigates to Chucker Flutter main screen. You cannot manipulate Chucker Flutter behaviour using its setting by navigating to Settings page from the menu button of Chucker Flutter main page.

Getting Started

To use Chucker Flutter you need to add the pub spec dependency to your pubspec.yaml file of your flutter app.

Please verify the current latest version of Chucker Flutter so that you can enjoy the latest features.

dependencies:
  chucker_flutter: latest-version

To make Chucker Flutter work in Dio, just add it in your Dio object e.g.:

Dio().interceptors.add(ChuckerDioInterceptor());

To make Chucker Flutter work in Http, you need to use ChuckerHttpClient object e.g.:

final _chuckerHttpClient = ChuckerHttpClient(http.Client());
_chuckerHttpClient.get(Uri.parse('$_baseUrl$path'));

The very last thing is to connect Chucker Flutter screens to your app. To do so, you only need to add Chucker Flutter’s NavigatorObserver in your app’s MaterialApp e.g.:

MaterialApp(
      ...,
      navigatorObservers: [ChuckerFlutter.navigatorObserver],

Congratulations! 🎊 You are done. Rest on us!

Features

Libraries

Chucker FLutter uses the following open source libraries:

Download the source code at the given GitHub

https://github.com/syedmurtaza108/chucker-flutter
Exit mobile version
Skip to toolbar