inspector 1.0.2

A Flutter package for inspecting widgets.

inspector

A Flutter package for inspecting widgets. Comes with size inspection and a color picker (eyedropper). Useful for debugging widgets and for QA testing.

Inspired by inspx.

WIP

Warning, the development of this package is still in progress and some things may break your app.

Installing

Add the dependency:

$ flutter pub add inspector

Import the package:

import 'package:inspector/inspector.dart';

Wrap MaterialApp.builder or WidgetsApp.builder with Inspector:

MaterialApp(
  home: ExampleApp(),
  builder: (context, child) => Inspector(child: child!), // Wrap [child] with [Inspector]
),

Optionally, you can pass isEnabled to the Inspector to disable it. By default, the inspector is disabled when kReleaseMode == true.

Usage

If the inspector is enabled, then a panel appears on the right side of the screen, with buttons to toggle size inspection and the color picker.

It's quite straightforward to use, just tap on the widget that you want to measure or tap on the pixel to get its color.

Examples

Contact me

Feel free to contact me at:

E-mail: [e-mail]