Dropsource / monarch

Monarch is a tool for building Flutter widgets in isolation. It makes it easy to build, test and debug complex UIs.
https://monarchapp.io
MIT License
437 stars 22 forks source link

Toggle additional overlays #27

Closed danilofuchs closed 2 years ago

danilofuchs commented 2 years ago

Useful toggles on MaterialApp:

showSemanticsDebugger - For debugging accessiblilty tree showPerformanceOverlay - For debugging performance

fertrig commented 2 years ago

Very timely issue! The next version of Monarch will let you launch DevTools so you can inspect and debug your stories and widgets. DevTools has a Performance tab which lets you turn on the Performance Overlay.

There are other features in the next version which you may find useful. I'll post the new version here when we release it. We are doing final testing on it.

I'll create a new issue to add the showSemanticsDebugger flag.

Also, would you mind sharing how you are using the performance overlay? Do you use it in debug or profile mode? Which target do you use?

fertrig commented 2 years ago

The latest version of Monarch allows you to enable several overlays right from the Monarch UI. The Performance Overlay can be enabled by opening DevTools, then going to the Performance tab and then clicking the Performance Overlay button.

I created issue #31 to track work on the Semantics Debugger.