/cool_devtool

Primary LanguageDartMIT LicenseMIT

This is devtools package. Use flutter devtools on the go. Just install debug app version and enjoy all the helpful tools to inspect your app.

Features

All you could do with IDE of your choice- always with you. In debug mode all features are available.

Debug features Profile/release features

Highlight oversized images
Show baselines
Show guidelines
Paint pointers
Paint layer borders
Repaint rainbow
Inspect layouts (logcat)
Inspect paints (logcat)
Disable opacity layers
Disable clip layers
Show material grid

Slow animations

Show performance overlay

Show offscreen layers

Show cached images

Semantic debugger

alt text

Getting started

To use base functionalities just set up navigation to devtools screen

Navigator.of(context).push(MaterialPageRoute(
                        builder: (context) => const DevtoolsMenuScreen()));

To use MaterialApp tools add these lines to your MaterialApp constructor

showPerformanceOverlay: DebugOptions.performanceOverlay.object.optionValue,

checkerboardOffscreenLayers: DebugOptions.offscreenLayers.object.optionValue,

checkerboardRasterCacheImages:DebugOptions.rasterCacheImages.object.optionValue,

debugShowMaterialGrid: DebugOptions.materialGrid.object.optionValue,

showSemanticsDebugger: DebugOptions.semanticsDebugger.object.optionValue,

REMEMBER THAT DEBUG FEATURES CAN ONLY BE USED IN DEBUG MODE - RELEASE MODE FUNCTIONALITIES DIFFER

Roadmap

  • live logcat view (Android only)
  • tests
  • github actions automations
  • translations (?)
  • network call hijacker - monitor all your app's network calls in one place
  • more tools based on feedback

Additional information

File issues on package's github page. Ideas too ;)