Advanced debugging

You might find the following advanced debugging tips useful:

Debugging visual layout issues

During a debug session,
several additional debugging commands are added to the
Command Palette and to the Flutter inspector.
When space is limited, the icon is used as the visual
version of the label.

Causes each RenderBox to paint a line at each of its baselines.

Shows rotating colors on layers when repainting.

Slows down animations to enable visual inspection.

Hides the debug mode banner even when running a debug build.

Debugging external libraries

By default, debugging an external library is disabled
in the Flutter extension. To enable:

Select Settings > Extensions > Dart Configuration.

Check the Debug External Libraries option.

Editing tips for Flutter code

If you have additional tips we should share, let us know!